colorhexa.com

#ccb284 hex color

In a RGB color space, hex #ccb284 is composed of 80% red, 69.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 35.3% yellow and 20% black. It has a hue angle of 38.3 degrees, a saturation of 41.4% and a lightness of 65.9%. #ccb284 color hex could be obtained by blending #ffffff with #996509. Closest websafe color is: #cc9999.

- R 80
- G 70
- B 52
RGB color chart
- C 0
- M 13
- Y 35
- K 20
CMYK color chart

● #ccb284 color description : Slightly desaturated orange.

The hexadecimal color #ccb284 has RGB values of R:204, G:178, B:132 and CMYK values of C:0, M:0.13, Y:0.35, K:0.2. Its decimal value is 13415044.

Hex triplet	ccb284	`#ccb284`
RGB Decimal	204, 178, 132	`rgb(204,178,132)`
RGB Percent	80, 69.8, 51.8	`rgb(80%,69.8%,51.8%)`
CMYK	0, 13, 35, 20
HSL	38.3°, 41.4, 65.9	`hsl(38.3,41.4%,65.9%)`
HSV (or HSB)	38.3°, 35.3, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	73.769, 2.724, 26.982
XYZ	44.987, 46.345, 28.404
xyY	0.376, 0.387, 46.345
CIE-LCH	73.769, 27.119, 84.235
CIE-LUV	73.769, 19.35, 35.499
Hunter-Lab	68.077, -1.179, 22.916
Binary	11001100, 10110010, 10000100

#ccb284
```
#ccb284 rgb(204,178,132)
```
#849ecc
```
#849ecc rgb(132,158,204)
```

Complementary Color

#cc8e84
```
#cc8e84 rgb(204,142,132)
```
#ccb284
```
#ccb284 rgb(204,178,132)
```
#c2cc84
```
#c2cc84 rgb(194,204,132)
```

Analogous Color

#8e84cc
```
#8e84cc rgb(142,132,204)
```
#ccb284
```
#ccb284 rgb(204,178,132)
```
#84c2cc
```
#84c2cc rgb(132,194,204)
```

Split Complementary Color

#b284cc
```
#b284cc rgb(178,132,204)
```
#ccb284
```
#ccb284 rgb(204,178,132)
```
#84ccb2
```
#84ccb2 rgb(132,204,178)
```

Triadic Color

#cc849e
```
#cc849e rgb(204,132,158)
```
#ccb284
```
#ccb284 rgb(204,178,132)
```
#84ccb2
```
#84ccb2 rgb(132,204,178)
```
#849ecc
```
#849ecc rgb(132,158,204)
```

Tetradic Color

#b6904e
```
#b6904e rgb(182,144,78)
```
#bd9b60
```
#bd9b60 rgb(189,155,96)
```
#c5a772
```
#c5a772 rgb(197,167,114)
```
#ccb284
```
#ccb284 rgb(204,178,132)
```
#d3bd96
```
#d3bd96 rgb(211,189,150)
```
#dbc9a8
```
#dbc9a8 rgb(219,201,168)
```
#e2d4ba
```
#e2d4ba rgb(226,212,186)
```

Monochromatic Color

Below, you can see some colors close to #ccb284. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#cca084
```
#cca084 rgb(204,160,132)
```
#cca684
```
#cca684 rgb(204,166,132)
```
#ccac84
```
#ccac84 rgb(204,172,132)
```
#ccb284
```
#ccb284 rgb(204,178,132)
```
#ccb884
```
#ccb884 rgb(204,184,132)
```
#ccbe84
```
#ccbe84 rgb(204,190,132)
```
#ccc484
```
#ccc484 rgb(204,196,132)
```

Similar Colors

Text with hexadecimal color #ccb284

This text has a font color of #ccb284.

<span style="color:#ccb284;">Text here</span>

#ccb284 background color

This paragraph has a background color of #ccb284.

<p style="background-color:#ccb284;">Content here</p>

#ccb284 border color

This element has a border color of #ccb284.

<div style="border:1px solid #ccb284;">Content here</div>

CSS codes

.text {color:#ccb284;}

.background {background-color:#ccb284;}

.border {border:1px solid #ccb284;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020101 is the darkest color, while #faf7f3 is the lightest one.

#020101
```
#020101 rgb(2,1,1)
```
#100c06
```
#100c06 rgb(16,12,6)
```
#1e170c
```
#1e170c rgb(30,23,12)
```
#2b2212
```
#2b2212 rgb(43,34,18)
```
#392d18
```
#392d18 rgb(57,45,24)
```
#47381d
```
#47381d rgb(71,56,29)
```
#554323
```
#554323 rgb(85,67,35)
```
#634e29
```
#634e29 rgb(99,78,41)
```
#71592f
```
#71592f rgb(113,89,47)
```
#7f6434
```
#7f6434 rgb(127,100,52)
```
#8c6f3a
```
#8c6f3a rgb(140,111,58)
```
#9a7a40
```
#9a7a40 rgb(154,122,64)
```
#a88546
```
#a88546 rgb(168,133,70)
```

Shade Color Variation

#b58f4d
```
#b58f4d rgb(181,143,77)
```
#bb985a
```
#bb985a rgb(187,152,90)
```
#c1a168
```
#c1a168 rgb(193,161,104)
```
#c6a976
```
#c6a976 rgb(198,169,118)
```
#ccb284
```
#ccb284 rgb(204,178,132)
```
#d2bb92
```
#d2bb92 rgb(210,187,146)
```
#d7c3a0
```
#d7c3a0 rgb(215,195,160)
```
#ddccae
```
#ddccae rgb(221,204,174)
```
#e3d5bb
```
#e3d5bb rgb(227,213,187)
```
#e9ddc9
```
#e9ddc9 rgb(233,221,201)
```
#eee6d7
```
#eee6d7 rgb(238,230,215)
```
#f4efe5
```
#f4efe5 rgb(244,239,229)
```
#faf7f3
```
#faf7f3 rgb(250,247,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #aba9a5 is the less saturated color, while #fbbf55 is the most saturated one.

#aba9a5
```
#aba9a5 rgb(171,169,165)
```
#b1ab9f
```
#b1ab9f rgb(177,171,159)
```
#b8ac98
```
#b8ac98 rgb(184,172,152)
```
#bfae91
```
#bfae91 rgb(191,174,145)
```
#c5b08b
```
#c5b08b rgb(197,176,139)
```
#ccb284
```
#ccb284 rgb(204,178,132)
```
#d3b47d
```
#d3b47d rgb(211,180,125)
```
#d9b677
```
#d9b677 rgb(217,182,119)
```
#e0b870
```
#e0b870 rgb(224,184,112)
```
#e7b969
```
#e7b969 rgb(231,185,105)
```
#edbb63
```
#edbb63 rgb(237,187,99)
```
#f4bd5c
```
#f4bd5c rgb(244,189,92)
```
#fbbf55
```
#fbbf55 rgb(251,191,85)
```

Tone Color Variation

Below, you can see how #ccb284 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#b5b5b5 Achromatopsia 0.005% of the population
#bab4ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b88b Protanopia 1% of men
#d9b18b Deuteranopia 1% of men
#d4afbb Tritanopia 0.001% of the population

Trichromacy

#c8b688 Protanomaly 1% of men, 0.01% of women
#d4b188 Deuteranomaly 6% of men, 0.4% of women
#d1b0a7 Tritanomaly 0.01% of the population