#caa86c hex color

In a RGB color space, hex #caa86c is composed of 79.2% red, 65.9% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.8% magenta, 46.5% yellow and 20.8% black. It has a hue angle of 38.3 degrees, a saturation of 47% and a lightness of 60.8%. #caa86c color hex could be obtained by blending #ffffd8 with #955100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 79
- G 66
- B 42
RGB color chart
- C 0
- M 17
- Y 47
- K 21
CMYK color chart

● #caa86c color description : Slightly desaturated orange.

The hexadecimal color #caa86c has RGB values of R:202, G:168, B:108 and CMYK values of C:0, M:0.17, Y:0.47, K:0.21. Its decimal value is 13281388.

Hex triplet	caa86c	`#caa86c`
RGB Decimal	202, 168, 108	`rgb(202,168,108)`
RGB Percent	79.2, 65.9, 42.4	`rgb(79.2%,65.9%,42.4%)`
CMYK	0, 17, 47, 21
HSL	38.3°, 47, 60.8	`hsl(38.3,47%,60.8%)`
HSV (or HSB)	38.3°, 46.5, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.626, 4.607, 35.549
XYZ	41.067, 41.646, 20.062
xyY	0.4, 0.405, 41.646
CIE-LCH	70.626, 35.846, 82.616
CIE-LUV	70.626, 26.112, 44.05
Hunter-Lab	64.534, 0.656, 26.742
Binary	11001010, 10101000, 01101100

#caa86c
```
#caa86c rgb(202,168,108)
```
#6c8eca
```
#6c8eca rgb(108,142,202)
```

Complementary Color

#ca796c
```
#ca796c rgb(202,121,108)
```
#caa86c
```
#caa86c rgb(202,168,108)
```
#bdca6c
```
#bdca6c rgb(189,202,108)
```

Analogous Color

#796cca
```
#796cca rgb(121,108,202)
```
#caa86c
```
#caa86c rgb(202,168,108)
```
#6cbdca
```
#6cbdca rgb(108,189,202)
```

Split Complementary Color

#a86cca
```
#a86cca rgb(168,108,202)
```
#caa86c
```
#caa86c rgb(202,168,108)
```
#6ccaa8
```
#6ccaa8 rgb(108,202,168)
```

Triadic Color

#ca6c8e
```
#ca6c8e rgb(202,108,142)
```
#caa86c
```
#caa86c rgb(202,168,108)
```
#6ccaa8
```
#6ccaa8 rgb(108,202,168)
```
#6c8eca
```
#6c8eca rgb(108,142,202)
```

Tetradic Color

#ac843e
```
#ac843e rgb(172,132,62)
```
#bc9247
```
#bc9247 rgb(188,146,71)
```
#c39d59
```
#c39d59 rgb(195,157,89)
```
#caa86c
```
#caa86c rgb(202,168,108)
```
#d1b37f
```
#d1b37f rgb(209,179,127)
```
#d8be91
```
#d8be91 rgb(216,190,145)
```
#dec9a4
```
#dec9a4 rgb(222,201,164)
```

Monochromatic Color

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

#ca916c
```
#ca916c rgb(202,145,108)
```
#ca986c
```
#ca986c rgb(202,152,108)
```
#caa06c
```
#caa06c rgb(202,160,108)
```
#caa86c
```
#caa86c rgb(202,168,108)
```
#cab06c
```
#cab06c rgb(202,176,108)
```
#cab86c
```
#cab86c rgb(202,184,108)
```
#cac06c
```
#cac06c rgb(202,192,108)
```

Similar Colors

Text with hexadecimal color #caa86c

This text has a font color of #caa86c.

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

#caa86c background color

This paragraph has a background color of #caa86c.

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

#caa86c border color

This element has a border color of #caa86c.

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

CSS codes

.text {color:#caa86c;}

.background {background-color:#caa86c;}

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

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

#0c0904
```
#0c0904 rgb(12,9,4)
```
#1a1409
```
#1a1409 rgb(26,20,9)
```
#281f0f
```
#281f0f rgb(40,31,15)
```
#372a14
```
#372a14 rgb(55,42,20)
```
#453519
```
#453519 rgb(69,53,25)
```
#54401e
```
#54401e rgb(84,64,30)
```
#624b23
```
#624b23 rgb(98,75,35)
```
#715629
```
#715629 rgb(113,86,41)
```
#7f622e
```
#7f622e rgb(127,98,46)
```
#8d6d33
```
#8d6d33 rgb(141,109,51)
```
#9c7838
```
#9c7838 rgb(156,120,56)
```
#aa833d
```
#aa833d rgb(170,131,61)
```
#b98e43
```
#b98e43 rgb(185,142,67)
```

Shade Color Variation

#c0974f
```
#c0974f rgb(192,151,79)
```
#c59f5e
```
#c59f5e rgb(197,159,94)
```
#caa86c
```
#caa86c rgb(202,168,108)
```
#cfb17a
```
#cfb17a rgb(207,177,122)
```
#d4b989
```
#d4b989 rgb(212,185,137)
```
#dac297
```
#dac297 rgb(218,194,151)
```
#dfcaa6
```
#dfcaa6 rgb(223,202,166)
```
#e4d3b4
```
#e4d3b4 rgb(228,211,180)
```
#e9dbc3
```
#e9dbc3 rgb(233,219,195)
```
#eee4d1
```
#eee4d1 rgb(238,228,209)
```
#f4ecdf
```
#f4ecdf rgb(244,236,223)
```
#f9f5ee
```
#f9f5ee rgb(249,245,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#9c9b9a
```
#9c9b9a rgb(156,155,154)
```
#a49d92
```
#a49d92 rgb(164,157,146)
```
#ab9f8b
```
#ab9f8b rgb(171,159,139)
```
#b3a283
```
#b3a283 rgb(179,162,131)
```
#bba47b
```
#bba47b rgb(187,164,123)
```
#c2a674
```
#c2a674 rgb(194,166,116)
```
#caa86c
```
#caa86c rgb(202,168,108)
```
#d2aa64
```
#d2aa64 rgb(210,170,100)
```
#d9ac5d
```
#d9ac5d rgb(217,172,93)
```
#e1ae55
```
#e1ae55 rgb(225,174,85)
```
#e9b14d
```
#e9b14d rgb(233,177,77)
```
#f0b346
```
#f0b346 rgb(240,179,70)
```
#f8b53e
```
#f8b53e rgb(248,181,62)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b1aa9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b075 Protanopia 1% of men
#d3a974 Deuteranopia 1% of men
#d3a4b0 Tritanopia 0.001% of the population

Trichromacy

#c3ad71 Protanomaly 1% of men, 0.01% of women
#d0a971 Deuteranomaly 6% of men, 0.4% of women
#cfa697 Tritanomaly 0.01% of the population

#caa86c hex color

#caa86c Color Information

#caa86c Color Conversion

Color Schemes with #caa86c

Alternatives to #caa86c

#caa86c Preview

Shades and Tints of #caa86c

Tones of #caa86c

Color Blindness Simulator