#caaf6f hex color

In a RGB color space, hex #caaf6f is composed of 79.2% red, 68.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.4% magenta, 45% yellow and 20.8% black. It has a hue angle of 42.2 degrees, a saturation of 46.2% and a lightness of 61.4%. #caaf6f color hex could be obtained by blending #ffffde with #955f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 79
- G 69
- B 44
RGB color chart
- C 0
- M 13
- Y 45
- K 21
CMYK color chart

● #caaf6f color description : Slightly desaturated orange.

The hexadecimal color #caaf6f has RGB values of R:202, G:175, B:111 and CMYK values of C:0, M:0.13, Y:0.45, K:0.21. Its decimal value is 13283183.

Hex triplet	caaf6f	`#caaf6f`
RGB Decimal	202, 175, 111	`rgb(202,175,111)`
RGB Percent	79.2, 68.6, 43.5	`rgb(79.2%,68.6%,43.5%)`
CMYK	0, 13, 45, 21
HSL	42.2°, 46.2, 61.4	`hsl(42.2,46.2%,61.4%)`
HSV (or HSB)	42.2°, 45, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.472, 1.167, 36.328
XYZ	42.556, 44.365, 21.36
xyY	0.393, 0.41, 44.365
CIE-LCH	72.472, 36.347, 88.161
CIE-LUV	72.472, 21.316, 45.975
Hunter-Lab	66.607, -2.517, 27.612
Binary	11001010, 10101111, 01101111

#caaf6f
```
#caaf6f rgb(202,175,111)
```
#6f8aca
```
#6f8aca rgb(111,138,202)
```

Complementary Color

#ca826f
```
#ca826f rgb(202,130,111)
```
#caaf6f
```
#caaf6f rgb(202,175,111)
```
#b8ca6f
```
#b8ca6f rgb(184,202,111)
```

Analogous Color

#826fca
```
#826fca rgb(130,111,202)
```
#caaf6f
```
#caaf6f rgb(202,175,111)
```
#6fb8ca
```
#6fb8ca rgb(111,184,202)
```

Split Complementary Color

#af6fca
```
#af6fca rgb(175,111,202)
```
#caaf6f
```
#caaf6f rgb(202,175,111)
```
#6fcaaf
```
#6fcaaf rgb(111,202,175)
```

Triadic Color

#ca6f8a
```
#ca6f8a rgb(202,111,138)
```
#caaf6f
```
#caaf6f rgb(202,175,111)
```
#6fcaaf
```
#6fcaaf rgb(111,202,175)
```
#6f8aca
```
#6f8aca rgb(111,138,202)
```

Tetradic Color

#ad8c40
```
#ad8c40 rgb(173,140,64)
```
#bc9a4a
```
#bc9a4a rgb(188,154,74)
```
#c3a55c
```
#c3a55c rgb(195,165,92)
```
#caaf6f
```
#caaf6f rgb(202,175,111)
```
#d1b982
```
#d1b982 rgb(209,185,130)
```
#d8c494
```
#d8c494 rgb(216,196,148)
```
#dfcea7
```
#dfcea7 rgb(223,206,167)
```

Monochromatic Color

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

#ca986f
```
#ca986f rgb(202,152,111)
```
#caa06f
```
#caa06f rgb(202,160,111)
```
#caa76f
```
#caa76f rgb(202,167,111)
```
#caaf6f
```
#caaf6f rgb(202,175,111)
```
#cab76f
```
#cab76f rgb(202,183,111)
```
#cabe6f
```
#cabe6f rgb(202,190,111)
```
#cac66f
```
#cac66f rgb(202,198,111)
```

Similar Colors

Text with hexadecimal color #caaf6f

This text has a font color of #caaf6f.

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

#caaf6f background color

This paragraph has a background color of #caaf6f.

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

#caaf6f border color

This element has a border color of #caaf6f.

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

CSS codes

.text {color:#caaf6f;}

.background {background-color:#caaf6f;}

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

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

#0e0b05
```
#0e0b05 rgb(14,11,5)
```
#1c170a
```
#1c170a rgb(28,23,10)
```
#2a2210
```
#2a2210 rgb(42,34,16)
```
#392e15
```
#392e15 rgb(57,46,21)
```
#473a1a
```
#473a1a rgb(71,58,26)
```
#55451f
```
#55451f rgb(85,69,31)
```
#645125
```
#645125 rgb(100,81,37)
```
#725d2a
```
#725d2a rgb(114,93,42)
```
#80682f
```
#80682f rgb(128,104,47)
```
#8f7435
```
#8f7435 rgb(143,116,53)
```
#9d803a
```
#9d803a rgb(157,128,58)
```
#ab8b3f
```
#ab8b3f rgb(171,139,63)
```
#ba9744
```
#ba9744 rgb(186,151,68)
```

Shade Color Variation

#bf9f52
```
#bf9f52 rgb(191,159,82)
```
#c5a761
```
#c5a761 rgb(197,167,97)
```
#caaf6f
```
#caaf6f rgb(202,175,111)
```
#cfb77d
```
#cfb77d rgb(207,183,125)
```
#d5bf8c
```
#d5bf8c rgb(213,191,140)
```
#dac79a
```
#dac79a rgb(218,199,154)
```
#dfcfa8
```
#dfcfa8 rgb(223,207,168)
```
#e4d7b7
```
#e4d7b7 rgb(228,215,183)
```
#eadfc5
```
#eadfc5 rgb(234,223,197)
```
#efe7d3
```
#efe7d3 rgb(239,231,211)
```
#f4efe2
```
#f4efe2 rgb(244,239,226)
```
#f9f7f0
```
#f9f7f0 rgb(249,247,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9d9d9c
```
#9d9d9c rgb(157,157,156)
```
#a4a095
```
#a4a095 rgb(164,160,149)
```
#aca38d
```
#aca38d rgb(172,163,141)
```
#b3a686
```
#b3a686 rgb(179,166,134)
```
#bba97e
```
#bba97e rgb(187,169,126)
```
#c2ac77
```
#c2ac77 rgb(194,172,119)
```
#caaf6f
```
#caaf6f rgb(202,175,111)
```
#d2b267
```
#d2b267 rgb(210,178,103)
```
#d9b560
```
#d9b560 rgb(217,181,96)
```
#e1b858
```
#e1b858 rgb(225,184,88)
```
#e8bb51
```
#e8bb51 rgb(232,187,81)
```
#f0be49
```
#f0be49 rgb(240,190,73)
```
#f7c142
```
#f7c142 rgb(247,193,66)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b5b0a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b577 Protanopia 1% of men
#d9ae78 Deuteranopia 1% of men
#d4abb7 Tritanopia 0.001% of the population

Trichromacy

#c7b374 Protanomaly 1% of men, 0.01% of women
#d3ae74 Deuteranomaly 6% of men, 0.4% of women
#d0ac9c Tritanomaly 0.01% of the population

#caaf6f hex color

#caaf6f Color Information

#caaf6f Color Conversion

Color Schemes with #caaf6f

Alternatives to #caaf6f

#caaf6f Preview

Shades and Tints of #caaf6f

Tones of #caaf6f

Color Blindness Simulator