#caae96 hex color

In a RGB color space, hex #caae96 is composed of 79.2% red, 68.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.9% magenta, 25.7% yellow and 20.8% black. It has a hue angle of 27.7 degrees, a saturation of 32.9% and a lightness of 69%. #caae96 color hex could be obtained by blending #ffffff with #955d2d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 79
- G 68
- B 59
RGB color chart
- C 0
- M 14
- Y 26
- K 21
CMYK color chart

● #caae96 color description : Slightly desaturated orange.

The hexadecimal color #caae96 has RGB values of R:202, G:174, B:150 and CMYK values of C:0, M:0.14, Y:0.26, K:0.21. Its decimal value is 13282966.

Hex triplet	caae96	`#caae96`
RGB Decimal	202, 174, 150	`rgb(202,174,150)`
RGB Percent	79.2, 68.2, 58.8	`rgb(79.2%,68.2%,58.8%)`
CMYK	0, 14, 26, 21
HSL	27.7°, 32.9, 69	`hsl(27.7,32.9%,69%)`
HSV (or HSB)	27.7°, 25.7, 79.2
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.913, 6.446, 16.067
XYZ	44.998, 45.032, 35.174
xyY	0.359, 0.36, 45.032
CIE-LCH	72.913, 17.312, 68.139
CIE-LUV	72.913, 19.021, 21.163
Hunter-Lab	67.106, 2.258, 15.896
Binary	11001010, 10101110, 10010110

#caae96
```
#caae96 rgb(202,174,150)
```
#96b2ca
```
#96b2ca rgb(150,178,202)
```

Complementary Color

#ca9698
```
#ca9698 rgb(202,150,152)
```
#caae96
```
#caae96 rgb(202,174,150)
```
#cac896
```
#cac896 rgb(202,200,150)
```

Analogous Color

#9698ca
```
#9698ca rgb(150,152,202)
```
#caae96
```
#caae96 rgb(202,174,150)
```
#96cac8
```
#96cac8 rgb(150,202,200)
```

Split Complementary Color

#ae96ca
```
#ae96ca rgb(174,150,202)
```
#caae96
```
#caae96 rgb(202,174,150)
```
#96caae
```
#96caae rgb(150,202,174)
```

Triadic Color

#ca96b2
```
#ca96b2 rgb(202,150,178)
```
#caae96
```
#caae96 rgb(202,174,150)
```
#96caae
```
#96caae rgb(150,202,174)
```
#96b2ca
```
#96b2ca rgb(150,178,202)
```

Tetradic Color

#b08763
```
#b08763 rgb(176,135,99)
```
#b99474
```
#b99474 rgb(185,148,116)
```
#c1a185
```
#c1a185 rgb(193,161,133)
```
#caae96
```
#caae96 rgb(202,174,150)
```
#d3bba7
```
#d3bba7 rgb(211,187,167)
```
#dbc8b8
```
#dbc8b8 rgb(219,200,184)
```
#e4d5c9
```
#e4d5c9 rgb(228,213,201)
```

Monochromatic Color

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

#caa196
```
#caa196 rgb(202,161,150)
```
#caa596
```
#caa596 rgb(202,165,150)
```
#caaa96
```
#caaa96 rgb(202,170,150)
```
#caae96
```
#caae96 rgb(202,174,150)
```
#cab296
```
#cab296 rgb(202,178,150)
```
#cab796
```
#cab796 rgb(202,183,150)
```
#cabb96
```
#cabb96 rgb(202,187,150)
```

Similar Colors

Text with hexadecimal color #caae96

This text has a font color of #caae96.

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

#caae96 background color

This paragraph has a background color of #caae96.

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

#caae96 border color

This element has a border color of #caae96.

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

CSS codes

.text {color:#caae96;}

.background {background-color:#caae96;}

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

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, #0c0906 is the darkest color, while #fffefe is the lightest one.

#0c0906
```
#0c0906 rgb(12,9,6)
```
#19130d
```
#19130d rgb(25,19,13)
```
#261c13
```
#261c13 rgb(38,28,19)
```
#33261a
```
#33261a rgb(51,38,26)
```
#402f21
```
#402f21 rgb(64,47,33)
```
#4d3927
```
#4d3927 rgb(77,57,39)
```
#5b422e
```
#5b422e rgb(91,66,46)
```
#684c34
```
#684c34 rgb(104,76,52)
```
#75563b
```
#75563b rgb(117,86,59)
```
#825f41
```
#825f41 rgb(130,95,65)
```
#8f6948
```
#8f6948 rgb(143,105,72)
```
#9c724f
```
#9c724f rgb(156,114,79)
```
#a97c55
```
#a97c55 rgb(169,124,85)
```

Shade Color Variation

#b08662
```
#b08662 rgb(176,134,98)
```
#b6906f
```
#b6906f rgb(182,144,111)
```
#bd9a7c
```
#bd9a7c rgb(189,154,124)
```
#c3a489
```
#c3a489 rgb(195,164,137)
```
#caae96
```
#caae96 rgb(202,174,150)
```
#d1b8a3
```
#d1b8a3 rgb(209,184,163)
```
#d7c2b0
```
#d7c2b0 rgb(215,194,176)
```
#deccbd
```
#deccbd rgb(222,204,189)
```
#e4d6ca
```
#e4d6ca rgb(228,214,202)
```
#ebe0d7
```
#ebe0d7 rgb(235,224,215)
```
#f1eae4
```
#f1eae4 rgb(241,234,228)
```
#f8f4f1
```
#f8f4f1 rgb(248,244,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#b2b0ae
```
#b2b0ae rgb(178,176,174)
```
#b8afa8
```
#b8afa8 rgb(184,175,168)
```
#beafa2
```
#beafa2 rgb(190,175,162)
```
#c4ae9c
```
#c4ae9c rgb(196,174,156)
```
#caae96
```
#caae96 rgb(202,174,150)
```
#d0ae90
```
#d0ae90 rgb(208,174,144)
```
#d6ad8a
```
#d6ad8a rgb(214,173,138)
```
#dcad84
```
#dcad84 rgb(220,173,132)
```
#e2ac7e
```
#e2ac7e rgb(226,172,126)
```
#e8ac78
```
#e8ac78 rgb(232,172,120)
```
#eeab72
```
#eeab72 rgb(238,171,114)
```
#f5ab6b
```
#f5ab6b rgb(245,171,107)
```
#fbaa65
```
#fbaa65 rgb(251,170,101)
```

Tone Color Variation

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

Dichromacy

#c0b69d Protanopia 1% of men
#d1b09c Deuteranopia 1% of men
#d0adb9 Tritanopia 0.001% of the population

Trichromacy

#c3b39a Protanomaly 1% of men, 0.01% of women
#ceaf99 Deuteranomaly 6% of men, 0.4% of women
#ceadac Tritanomaly 0.01% of the population

#caae96 hex color

#caae96 Color Information

#caae96 Color Conversion

Color Schemes with #caae96

Alternatives to #caae96

#caae96 Preview

Shades and Tints of #caae96

Tones of #caae96

Color Blindness Simulator