#ccae96 hex color

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

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

● #ccae96 color description : Slightly desaturated orange.

The hexadecimal color #ccae96 has RGB values of R:204, G:174, B:150 and CMYK values of C:0, M:0.15, Y:0.26, K:0.2. Its decimal value is 13414038.

Hex triplet	ccae96	`#ccae96`
RGB Decimal	204, 174, 150	`rgb(204,174,150)`
RGB Percent	80, 68.2, 58.8	`rgb(80%,68.2%,58.8%)`
CMYK	0, 15, 26, 20
HSL	26.7°, 34.6, 69.4	`hsl(26.7,34.6%,69.4%)`
HSV (or HSB)	26.7°, 26.5, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	73.097, 7.217, 16.352
XYZ	45.542, 45.313, 35.2
xyY	0.361, 0.359, 45.313
CIE-LCH	73.097, 17.874, 66.185
CIE-LUV	73.097, 20.356, 21.394
Hunter-Lab	67.315, 2.965, 16.117
Binary	11001100, 10101110, 10010110

#ccae96
```
#ccae96 rgb(204,174,150)
```
#96b4cc
```
#96b4cc rgb(150,180,204)
```

Complementary Color

#cc9699
```
#cc9699 rgb(204,150,153)
```
#ccae96
```
#ccae96 rgb(204,174,150)
```
#ccc996
```
#ccc996 rgb(204,201,150)
```

Analogous Color

#9699cc
```
#9699cc rgb(150,153,204)
```
#ccae96
```
#ccae96 rgb(204,174,150)
```
#96ccc9
```
#96ccc9 rgb(150,204,201)
```

Split Complementary Color

#ae96cc
```
#ae96cc rgb(174,150,204)
```
#ccae96
```
#ccae96 rgb(204,174,150)
```
#96ccae
```
#96ccae rgb(150,204,174)
```

Triadic Color

#cc96b4
```
#cc96b4 rgb(204,150,180)
```
#ccae96
```
#ccae96 rgb(204,174,150)
```
#96ccae
```
#96ccae rgb(150,204,174)
```
#96b4cc
```
#96b4cc rgb(150,180,204)
```

Tetradic Color

#b38663
```
#b38663 rgb(179,134,99)
```
#bb9474
```
#bb9474 rgb(187,148,116)
```
#c4a185
```
#c4a185 rgb(196,161,133)
```
#ccae96
```
#ccae96 rgb(204,174,150)
```
#d4bba7
```
#d4bba7 rgb(212,187,167)
```
#ddc8b8
```
#ddc8b8 rgb(221,200,184)
```
#e5d6c9
```
#e5d6c9 rgb(229,214,201)
```

Monochromatic Color

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

#cca196
```
#cca196 rgb(204,161,150)
```
#cca596
```
#cca596 rgb(204,165,150)
```
#ccaa96
```
#ccaa96 rgb(204,170,150)
```
#ccae96
```
#ccae96 rgb(204,174,150)
```
#ccb396
```
#ccb396 rgb(204,179,150)
```
#ccb796
```
#ccb796 rgb(204,183,150)
```
#ccbc96
```
#ccbc96 rgb(204,188,150)
```

Similar Colors

Text with hexadecimal color #ccae96

This text has a font color of #ccae96.

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

#ccae96 background color

This paragraph has a background color of #ccae96.

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

#ccae96 border color

This element has a border color of #ccae96.

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

CSS codes

.text {color:#ccae96;}

.background {background-color:#ccae96;}

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

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)
```
#1b130d
```
#1b130d rgb(27,19,13)
```
#281d14
```
#281d14 rgb(40,29,20)
```
#35261a
```
#35261a rgb(53,38,26)
```
#433020
```
#433020 rgb(67,48,32)
```
#503927
```
#503927 rgb(80,57,39)
```
#5d422d
```
#5d422d rgb(93,66,45)
```
#6a4c34
```
#6a4c34 rgb(106,76,52)
```
#77553a
```
#77553a rgb(119,85,58)
```
#855f40
```
#855f40 rgb(133,95,64)
```
#926847
```
#926847 rgb(146,104,71)
```
#9f724d
```
#9f724d rgb(159,114,77)
```

Shade Color Variation

#ac7b54
```
#ac7b54 rgb(172,123,84)
```
#b28561
```
#b28561 rgb(178,133,97)
```
#b98f6e
```
#b98f6e rgb(185,143,110)
```
#bf9a7c
```
#bf9a7c rgb(191,154,124)
```
#c6a489
```
#c6a489 rgb(198,164,137)
```
#ccae96
```
#ccae96 rgb(204,174,150)
```
#d2b8a3
```
#d2b8a3 rgb(210,184,163)
```
#d9c2b0
```
#d9c2b0 rgb(217,194,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 #fca966 is the most saturated one.

#b4b1ae
```
#b4b1ae rgb(180,177,174)
```
#bab0a8
```
#bab0a8 rgb(186,176,168)
```
#c0afa2
```
#c0afa2 rgb(192,175,162)
```
#c6af9c
```
#c6af9c rgb(198,175,156)
```
#ccae96
```
#ccae96 rgb(204,174,150)
```
#d2ad90
```
#d2ad90 rgb(210,173,144)
```
#d8ad8a
```
#d8ad8a rgb(216,173,138)
```
#deac84
```
#deac84 rgb(222,172,132)
```
#e4ab7e
```
#e4ab7e rgb(228,171,126)
```
#eaab78
```
#eaab78 rgb(234,171,120)
```
#f0aa72
```
#f0aa72 rgb(240,170,114)
```
#f6a96c
```
#f6a96c rgb(246,169,108)
```
#fca966
```
#fca966 rgb(252,169,102)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b3ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b69d Protanopia 1% of men
#d2b09b Deuteranopia 1% of men
#d2adb9 Tritanopia 0.001% of the population

Trichromacy

#c4b39a Protanomaly 1% of men, 0.01% of women
#cfaf99 Deuteranomaly 6% of men, 0.4% of women
#d0adac Tritanomaly 0.01% of the population

#ccae96 hex color

#ccae96 Color Information

#ccae96 Color Conversion

Color Schemes with #ccae96

Alternatives to #ccae96

#ccae96 Preview

Shades and Tints of #ccae96

Tones of #ccae96

Color Blindness Simulator