#caa78e hex color

In a RGB color space, hex #caa78e is composed of 79.2% red, 65.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 29.7% yellow and 20.8% black. It has a hue angle of 25 degrees, a saturation of 36.1% and a lightness of 67.5%. #caa78e color hex could be obtained by blending #ffffff with #954f1d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 79
- G 65
- B 56
RGB color chart
- C 0
- M 17
- Y 30
- K 21
CMYK color chart

● #caa78e color description : Slightly desaturated orange.

The hexadecimal color #caa78e has RGB values of R:202, G:167, B:142 and CMYK values of C:0, M:0.17, Y:0.3, K:0.21. Its decimal value is 13281166.

Hex triplet	caa78e	`#caa78e`
RGB Decimal	202, 167, 142	`rgb(202,167,142)`
RGB Percent	79.2, 65.5, 55.7	`rgb(79.2%,65.5%,55.7%)`
CMYK	0, 17, 30, 21
HSL	25°, 36.1, 67.5	`hsl(25,36.1%,67.5%)`
HSV (or HSB)	25°, 29.7, 79.2
Web Safe	cc9999	`#cc9999`

CIE-LAB	70.973, 9.125, 17.738
XYZ	43.058, 42.148, 31.457
xyY	0.369, 0.361, 42.148
CIE-LCH	70.973, 19.948, 62.776
CIE-LUV	70.973, 23.932, 22.631
Hunter-Lab	64.922, 4.773, 16.717
Binary	11001010, 10100111, 10001110

#caa78e
```
#caa78e rgb(202,167,142)
```
#8eb1ca
```
#8eb1ca rgb(142,177,202)
```

Complementary Color

#ca8e93
```
#ca8e93 rgb(202,142,147)
```
#caa78e
```
#caa78e rgb(202,167,142)
```
#cac58e
```
#cac58e rgb(202,197,142)
```

Analogous Color

#8e93ca
```
#8e93ca rgb(142,147,202)
```
#caa78e
```
#caa78e rgb(202,167,142)
```
#8ecac5
```
#8ecac5 rgb(142,202,197)
```

Split Complementary Color

#a78eca
```
#a78eca rgb(167,142,202)
```
#caa78e
```
#caa78e rgb(202,167,142)
```
#8ecaa7
```
#8ecaa7 rgb(142,202,167)
```

Triadic Color

#ca8eb1
```
#ca8eb1 rgb(202,142,177)
```
#caa78e
```
#caa78e rgb(202,167,142)
```
#8ecaa7
```
#8ecaa7 rgb(142,202,167)
```
#8eb1ca
```
#8eb1ca rgb(142,177,202)
```

Tetradic Color

#b27e5a
```
#b27e5a rgb(178,126,90)
```
#ba8c6b
```
#ba8c6b rgb(186,140,107)
```
#c2997d
```
#c2997d rgb(194,153,125)
```
#caa78e
```
#caa78e rgb(202,167,142)
```
#d2b59f
```
#d2b59f rgb(210,181,159)
```
#dac2b1
```
#dac2b1 rgb(218,194,177)
```
#e2d0c2
```
#e2d0c2 rgb(226,208,194)
```

Monochromatic Color

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

#ca988e
```
#ca988e rgb(202,152,142)
```
#ca9d8e
```
#ca9d8e rgb(202,157,142)
```
#caa28e
```
#caa28e rgb(202,162,142)
```
#caa78e
```
#caa78e rgb(202,167,142)
```
#caac8e
```
#caac8e rgb(202,172,142)
```
#cab18e
```
#cab18e rgb(202,177,142)
```
#cab68e
```
#cab68e rgb(202,182,142)
```

Similar Colors

Text with hexadecimal color #caa78e

This text has a font color of #caa78e.

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

#caa78e background color

This paragraph has a background color of #caa78e.

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

#caa78e border color

This element has a border color of #caa78e.

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

CSS codes

.text {color:#caa78e;}

.background {background-color:#caa78e;}

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

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

#070503
```
#070503 rgb(7,5,3)
```
#150e0a
```
#150e0a rgb(21,14,10)
```
#221710
```
#221710 rgb(34,23,16)
```
#2f2116
```
#2f2116 rgb(47,33,22)
```
#3d2a1c
```
#3d2a1c rgb(61,42,28)
```
#4a3323
```
#4a3323 rgb(74,51,35)
```
#573c29
```
#573c29 rgb(87,60,41)
```
#65452f
```
#65452f rgb(101,69,47)
```
#724f35
```
#724f35 rgb(114,79,53)
```
#7f583c
```
#7f583c rgb(127,88,60)
```
#8d6142
```
#8d6142 rgb(141,97,66)
```
#9a6a48
```
#9a6a48 rgb(154,106,72)
```
#a7744f
```
#a7744f rgb(167,116,79)
```

Shade Color Variation

#b17d59
```
#b17d59 rgb(177,125,89)
```
#b78866
```
#b78866 rgb(183,136,102)
```
#bd9273
```
#bd9273 rgb(189,146,115)
```
#c49d81
```
#c49d81 rgb(196,157,129)
```
#caa78e
```
#caa78e rgb(202,167,142)
```
#d0b19b
```
#d0b19b rgb(208,177,155)
```
#d7bca9
```
#d7bca9 rgb(215,188,169)
```
#ddc6b6
```
#ddc6b6 rgb(221,198,182)
```
#e3d1c3
```
#e3d1c3 rgb(227,209,195)
```
#e9dbd1
```
#e9dbd1 rgb(233,219,209)
```
#f0e5de
```
#f0e5de rgb(240,229,222)
```
#f6f0eb
```
#f6f0eb rgb(246,240,235)
```
#fcfaf9
```
#fcfaf9 rgb(252,250,249)
```

Tint Color Variation

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

#b0aba8
```
#b0aba8 rgb(176,171,168)
```
#b7aaa1
```
#b7aaa1 rgb(183,170,161)
```
#bda99b
```
#bda99b rgb(189,169,155)
```
#c4a894
```
#c4a894 rgb(196,168,148)
```
#caa78e
```
#caa78e rgb(202,167,142)
```
#d0a688
```
#d0a688 rgb(208,166,136)
```
#d7a581
```
#d7a581 rgb(215,165,129)
```
#dda47b
```
#dda47b rgb(221,164,123)
```
#e4a374
```
#e4a374 rgb(228,163,116)
```
#eaa26e
```
#eaa26e rgb(234,162,110)
```
#f0a168
```
#f0a168 rgb(240,161,104)
```
#f7a061
```
#f7a061 rgb(247,160,97)
```
#fd9e5b
```
#fd9e5b rgb(253,158,91)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b4ada8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb196 Protanopia 1% of men
#cdab93 Deuteranopia 1% of men
#d0a7b2 Tritanopia 0.001% of the population

Trichromacy

#c0ad93 Protanomaly 1% of men, 0.01% of women
#cba991 Deuteranomaly 6% of men, 0.4% of women
#cea7a5 Tritanomaly 0.01% of the population

#caa78e hex color

#caa78e Color Information

#caa78e Color Conversion

Color Schemes with #caa78e

Alternatives to #caa78e

#caa78e Preview

Shades and Tints of #caa78e

Tones of #caa78e

Color Blindness Simulator