#ccaf96 hex color

In a RGB color space, hex #ccaf96 is composed of 80% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.2% magenta, 26.5% yellow and 20% black. It has a hue angle of 27.8 degrees, a saturation of 34.6% and a lightness of 69.4%. #ccaf96 color hex could be obtained by blending #ffffff with #995f2d. Closest websafe color is: #cc9999.

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

● #ccaf96 color description : Slightly desaturated orange.

The hexadecimal color #ccaf96 has RGB values of R:204, G:175, B:150 and CMYK values of C:0, M:0.14, Y:0.26, K:0.2. Its decimal value is 13414294.

Hex triplet	ccaf96	`#ccaf96`
RGB Decimal	204, 175, 150	`rgb(204,175,150)`
RGB Percent	80, 68.6, 58.8	`rgb(80%,68.6%,58.8%)`
CMYK	0, 14, 26, 20
HSL	27.8°, 34.6, 69.4	`hsl(27.8,34.6%,69.4%)`
HSV (or HSB)	27.8°, 26.5, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	73.351, 6.679, 16.705
XYZ	45.736, 45.7, 35.264
xyY	0.361, 0.361, 45.7
CIE-LCH	73.351, 17.991, 68.207
CIE-LUV	73.351, 19.761, 21.975
Hunter-Lab	67.602, 2.461, 16.393
Binary	11001100, 10101111, 10010110

#ccaf96
```
#ccaf96 rgb(204,175,150)
```
#96b3cc
```
#96b3cc rgb(150,179,204)
```

Complementary Color

#cc9698
```
#cc9698 rgb(204,150,152)
```
#ccaf96
```
#ccaf96 rgb(204,175,150)
```
#ccca96
```
#ccca96 rgb(204,202,150)
```

Analogous Color

#9698cc
```
#9698cc rgb(150,152,204)
```
#ccaf96
```
#ccaf96 rgb(204,175,150)
```
#96ccca
```
#96ccca rgb(150,204,202)
```

Split Complementary Color

#af96cc
```
#af96cc rgb(175,150,204)
```
#ccaf96
```
#ccaf96 rgb(204,175,150)
```
#96ccaf
```
#96ccaf rgb(150,204,175)
```

Triadic Color

#cc96b3
```
#cc96b3 rgb(204,150,179)
```
#ccaf96
```
#ccaf96 rgb(204,175,150)
```
#96ccaf
```
#96ccaf rgb(150,204,175)
```
#96b3cc
```
#96b3cc rgb(150,179,204)
```

Tetradic Color

#b38863
```
#b38863 rgb(179,136,99)
```
#bb9574
```
#bb9574 rgb(187,149,116)
```
#c4a285
```
#c4a285 rgb(196,162,133)
```
#ccaf96
```
#ccaf96 rgb(204,175,150)
```
#d4bca7
```
#d4bca7 rgb(212,188,167)
```
#ddc9b8
```
#ddc9b8 rgb(221,201,184)
```
#e5d6c9
```
#e5d6c9 rgb(229,214,201)
```

Monochromatic Color

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

#cca296
```
#cca296 rgb(204,162,150)
```
#cca696
```
#cca696 rgb(204,166,150)
```
#ccab96
```
#ccab96 rgb(204,171,150)
```
#ccaf96
```
#ccaf96 rgb(204,175,150)
```
#ccb496
```
#ccb496 rgb(204,180,150)
```
#ccb896
```
#ccb896 rgb(204,184,150)
```
#ccbd96
```
#ccbd96 rgb(204,189,150)
```

Similar Colors

Text with hexadecimal color #ccaf96

This text has a font color of #ccaf96.

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

#ccaf96 background color

This paragraph has a background color of #ccaf96.

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

#ccaf96 border color

This element has a border color of #ccaf96.

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

CSS codes

.text {color:#ccaf96;}

.background {background-color:#ccaf96;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0e0a07
```
#0e0a07 rgb(14,10,7)
```
#1b140d
```
#1b140d rgb(27,20,13)
```
#281d14
```
#281d14 rgb(40,29,20)
```
#35271a
```
#35271a rgb(53,39,26)
```
#433020
```
#433020 rgb(67,48,32)
```
#503a27
```
#503a27 rgb(80,58,39)
```
#5d432d
```
#5d432d rgb(93,67,45)
```
#6a4d34
```
#6a4d34 rgb(106,77,52)
```
#77563a
```
#77563a rgb(119,86,58)
```
#856040
```
#856040 rgb(133,96,64)
```
#926a47
```
#926a47 rgb(146,106,71)
```
#9f734d
```
#9f734d rgb(159,115,77)
```

Shade Color Variation

#ac7d54
```
#ac7d54 rgb(172,125,84)
```
#b28761
```
#b28761 rgb(178,135,97)
```
#b9916e
```
#b9916e rgb(185,145,110)
```
#bf9b7c
```
#bf9b7c rgb(191,155,124)
```
#c6a589
```
#c6a589 rgb(198,165,137)
```
#ccaf96
```
#ccaf96 rgb(204,175,150)
```
#d2b9a3
```
#d2b9a3 rgb(210,185,163)
```
#d9c3b0
```
#d9c3b0 rgb(217,195,176)
```
#dfcdbe
```
#dfcdbe rgb(223,205,190)
```
#e6d7cb
```
#e6d7cb rgb(230,215,203)
```
#ece1d8
```
#ece1d8 rgb(236,225,216)
```
#f2ebe5
```
#f2ebe5 rgb(242,235,229)
```
#f9f5f2
```
#f9f5f2 rgb(249,245,242)
```

Tint Color Variation

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

#b4b1ae
```
#b4b1ae rgb(180,177,174)
```
#bab0a8
```
#bab0a8 rgb(186,176,168)
```
#c0b0a2
```
#c0b0a2 rgb(192,176,162)
```
#c6af9c
```
#c6af9c rgb(198,175,156)
```
#ccaf96
```
#ccaf96 rgb(204,175,150)
```
#d2af90
```
#d2af90 rgb(210,175,144)
```
#d8ae8a
```
#d8ae8a rgb(216,174,138)
```
#deae84
```
#deae84 rgb(222,174,132)
```
#e4ad7e
```
#e4ad7e rgb(228,173,126)
```
#eaad78
```
#eaad78 rgb(234,173,120)
```
#f0ac72
```
#f0ac72 rgb(240,172,114)
```
#f6ac6c
```
#f6ac6c rgb(246,172,108)
```
#fcab66
```
#fcab66 rgb(252,171,102)
```

Tone Color Variation

Below, you can see how #ccaf96 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
#bab4af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b79d Protanopia 1% of men
#d3b19b Deuteranopia 1% of men
#d2aeba Tritanopia 0.001% of the population

Trichromacy

#c5b49a Protanomaly 1% of men, 0.01% of women
#d0b099 Deuteranomaly 6% of men, 0.4% of women
#d0aead Tritanomaly 0.01% of the population

#ccaf96 hex color

#ccaf96 Color Information

#ccaf96 Color Conversion

Color Schemes with #ccaf96

Alternatives to #ccaf96

#ccaf96 Preview

Shades and Tints of #ccaf96

Tones of #ccaf96

Color Blindness Simulator