#ccbc96 hex color

In a RGB color space, hex #ccbc96 is composed of 80% red, 73.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 26.5% yellow and 20% black. It has a hue angle of 42.2 degrees, a saturation of 34.6% and a lightness of 69.4%. #ccbc96 color hex could be obtained by blending #ffffff with #99792d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 74
- B 59
RGB color chart
- C 0
- M 8
- Y 26
- K 20
CMYK color chart

● #ccbc96 color description : Slightly desaturated orange.

The hexadecimal color #ccbc96 has RGB values of R:204, G:188, B:150 and CMYK values of C:0, M:0.08, Y:0.26, K:0.2. Its decimal value is 13417622.

Hex triplet	ccbc96	`#ccbc96`
RGB Decimal	204, 188, 150	`rgb(204,188,150)`
RGB Percent	80, 73.7, 58.8	`rgb(80%,73.7%,58.8%)`
CMYK	0, 8, 26, 20
HSL	42.2°, 34.6, 69.4	`hsl(42.2,34.6%,69.4%)`
HSV (or HSB)	42.2°, 26.5, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	76.683, -0.25, 21.312
XYZ	48.389, 51.007, 36.149
xyY	0.357, 0.376, 51.007
CIE-LCH	76.683, 21.313, 90.672
CIE-LUV	76.683, 12.069, 29.502
Hunter-Lab	71.419, -4.042, 19.984
Binary	11001100, 10111100, 10010110

#ccbc96
```
#ccbc96 rgb(204,188,150)
```
#96a6cc
```
#96a6cc rgb(150,166,204)
```

Complementary Color

#cca196
```
#cca196 rgb(204,161,150)
```
#ccbc96
```
#ccbc96 rgb(204,188,150)
```
#c1cc96
```
#c1cc96 rgb(193,204,150)
```

Analogous Color

#a196cc
```
#a196cc rgb(161,150,204)
```
#ccbc96
```
#ccbc96 rgb(204,188,150)
```
#96c1cc
```
#96c1cc rgb(150,193,204)
```

Split Complementary Color

#bc96cc
```
#bc96cc rgb(188,150,204)
```
#ccbc96
```
#ccbc96 rgb(204,188,150)
```
#96ccbc
```
#96ccbc rgb(150,204,188)
```

Triadic Color

#cc96a6
```
#cc96a6 rgb(204,150,166)
```
#ccbc96
```
#ccbc96 rgb(204,188,150)
```
#96ccbc
```
#96ccbc rgb(150,204,188)
```
#96a6cc
```
#96a6cc rgb(150,166,204)
```

Tetradic Color

#b39b63
```
#b39b63 rgb(179,155,99)
```
#bba674
```
#bba674 rgb(187,166,116)
```
#c4b185
```
#c4b185 rgb(196,177,133)
```
#ccbc96
```
#ccbc96 rgb(204,188,150)
```
#d4c7a7
```
#d4c7a7 rgb(212,199,167)
```
#ddd2b8
```
#ddd2b8 rgb(221,210,184)
```
#e5ddc9
```
#e5ddc9 rgb(229,221,201)
```

Monochromatic Color

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

#ccaf96
```
#ccaf96 rgb(204,175,150)
```
#ccb396
```
#ccb396 rgb(204,179,150)
```
#ccb896
```
#ccb896 rgb(204,184,150)
```
#ccbc96
```
#ccbc96 rgb(204,188,150)
```
#ccc196
```
#ccc196 rgb(204,193,150)
```
#ccc596
```
#ccc596 rgb(204,197,150)
```
#ccca96
```
#ccca96 rgb(204,202,150)
```

Similar Colors

Text with hexadecimal color #ccbc96

This text has a font color of #ccbc96.

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

#ccbc96 background color

This paragraph has a background color of #ccbc96.

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

#ccbc96 border color

This element has a border color of #ccbc96.

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

CSS codes

.text {color:#ccbc96;}

.background {background-color:#ccbc96;}

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

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, #010100 is the darkest color, while #f9f7f2 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#0e0c07
```
#0e0c07 rgb(14,12,7)
```
#1b170d
```
#1b170d rgb(27,23,13)
```
#282214
```
#282214 rgb(40,34,20)
```
#352d1a
```
#352d1a rgb(53,45,26)
```
#433820
```
#433820 rgb(67,56,32)
```
#504427
```
#504427 rgb(80,68,39)
```
#5d4f2d
```
#5d4f2d rgb(93,79,45)
```
#6a5a34
```
#6a5a34 rgb(106,90,52)
```
#77653a
```
#77653a rgb(119,101,58)
```
#857040
```
#857040 rgb(133,112,64)
```
#927c47
```
#927c47 rgb(146,124,71)
```
#9f874d
```
#9f874d rgb(159,135,77)
```

Shade Color Variation

#ac9254
```
#ac9254 rgb(172,146,84)
```
#b29a61
```
#b29a61 rgb(178,154,97)
```
#b9a36e
```
#b9a36e rgb(185,163,110)
```
#bfab7c
```
#bfab7c rgb(191,171,124)
```
#c6b489
```
#c6b489 rgb(198,180,137)
```
#ccbc96
```
#ccbc96 rgb(204,188,150)
```
#d2c4a3
```
#d2c4a3 rgb(210,196,163)
```
#d9cdb0
```
#d9cdb0 rgb(217,205,176)
```
#dfd5be
```
#dfd5be rgb(223,213,190)
```
#e6decb
```
#e6decb rgb(230,222,203)
```
#ece6d8
```
#ece6d8 rgb(236,230,216)
```
#f2efe5
```
#f2efe5 rgb(242,239,229)
```
#f9f7f2
```
#f9f7f2 rgb(249,247,242)
```

Tint Color Variation

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

#b4b2ae
```
#b4b2ae rgb(180,178,174)
```
#bab5a8
```
#bab5a8 rgb(186,181,168)
```
#c0b7a2
```
#c0b7a2 rgb(192,183,162)
```
#c6ba9c
```
#c6ba9c rgb(198,186,156)
```
#ccbc96
```
#ccbc96 rgb(204,188,150)
```
#d2be90
```
#d2be90 rgb(210,190,144)
```
#d8c18a
```
#d8c18a rgb(216,193,138)
```
#dec384
```
#dec384 rgb(222,195,132)
```
#e4c67e
```
#e4c67e rgb(228,198,126)
```
#eac878
```
#eac878 rgb(234,200,120)
```
#f0cb72
```
#f0cb72 rgb(240,203,114)
```
#f6cd6c
```
#f6cd6c rgb(246,205,108)
```
#fcd066
```
#fcd066 rgb(252,208,102)
```

Tone Color Variation

Below, you can see how #ccbc96 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

#bcbcbc Achromatopsia 0.005% of the population
#bfbcb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc09b Protanopia 1% of men
#deb99d Deuteranopia 1% of men
#d4b9c6 Tritanopia 0.001% of the population

Trichromacy

#ccbe99 Protanomaly 1% of men, 0.01% of women
#d8ba9a Deuteranomaly 6% of men, 0.4% of women
#d1bab4 Tritanomaly 0.01% of the population

#ccbc96 hex color

#ccbc96 Color Information

#ccbc96 Color Conversion

Color Schemes with #ccbc96

Alternatives to #ccbc96

#ccbc96 Preview

Shades and Tints of #ccbc96

Tones of #ccbc96

Color Blindness Simulator