#caaa66 hex color

In a RGB color space, hex #caaa66 is composed of 79.2% red, 66.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.8% magenta, 49.5% yellow and 20.8% black. It has a hue angle of 40.8 degrees, a saturation of 48.5% and a lightness of 59.6%. #caaa66 color hex could be obtained by blending #ffffcc with #955500. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 79
- G 67
- B 40
RGB color chart
- C 0
- M 16
- Y 50
- K 21
CMYK color chart

● #caaa66 color description : Slightly desaturated orange.

The hexadecimal color #caaa66 has RGB values of R:202, G:170, B:102 and CMYK values of C:0, M:0.16, Y:0.5, K:0.21. Its decimal value is 13281894.

Hex triplet	caaa66	`#caaa66`
RGB Decimal	202, 170, 102	`rgb(202,170,102)`
RGB Percent	79.2, 66.7, 40	`rgb(79.2%,66.7%,40%)`
CMYK	0, 16, 50, 21
HSL	40.8°, 48.5, 59.6	`hsl(40.8,48.5%,59.6%)`
HSV (or HSB)	40.8°, 49.5, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.054, 2.956, 39.198
XYZ	41.13, 42.267, 18.561
xyY	0.403, 0.415, 42.267
CIE-LCH	71.054, 39.31, 85.687
CIE-LUV	71.054, 25.198, 48.198
Hunter-Lab	65.013, -0.845, 28.581
Binary	11001010, 10101010, 01100110

#caaa66
```
#caaa66 rgb(202,170,102)
```
#6686ca
```
#6686ca rgb(102,134,202)
```

Complementary Color

#ca7866
```
#ca7866 rgb(202,120,102)
```
#caaa66
```
#caaa66 rgb(202,170,102)
```
#b8ca66
```
#b8ca66 rgb(184,202,102)
```

Analogous Color

#7866ca
```
#7866ca rgb(120,102,202)
```
#caaa66
```
#caaa66 rgb(202,170,102)
```
#66b8ca
```
#66b8ca rgb(102,184,202)
```

Split Complementary Color

#aa66ca
```
#aa66ca rgb(170,102,202)
```
#caaa66
```
#caaa66 rgb(202,170,102)
```
#66caaa
```
#66caaa rgb(102,202,170)
```

Triadic Color

#ca6686
```
#ca6686 rgb(202,102,134)
```
#caaa66
```
#caaa66 rgb(202,170,102)
```
#66caaa
```
#66caaa rgb(102,202,170)
```
#6686ca
```
#6686ca rgb(102,134,202)
```

Tetradic Color

#a9863b
```
#a9863b rgb(169,134,59)
```
#bc9541
```
#bc9541 rgb(188,149,65)
```
#c39f53
```
#c39f53 rgb(195,159,83)
```
#caaa66
```
#caaa66 rgb(202,170,102)
```
#d1b579
```
#d1b579 rgb(209,181,121)
```
#d7bf8c
```
#d7bf8c rgb(215,191,140)
```
#deca9f
```
#deca9f rgb(222,202,159)
```

Monochromatic Color

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

#ca9166
```
#ca9166 rgb(202,145,102)
```
#ca9966
```
#ca9966 rgb(202,153,102)
```
#caa266
```
#caa266 rgb(202,162,102)
```
#caaa66
```
#caaa66 rgb(202,170,102)
```
#cab266
```
#cab266 rgb(202,178,102)
```
#cabb66
```
#cabb66 rgb(202,187,102)
```
#cac366
```
#cac366 rgb(202,195,102)
```

Similar Colors

Text with hexadecimal color #caaa66

This text has a font color of #caaa66.

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

#caaa66 background color

This paragraph has a background color of #caaa66.

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

#caaa66 border color

This element has a border color of #caaa66.

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

CSS codes

.text {color:#caaa66;}

.background {background-color:#caaa66;}

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

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

#070603
```
#070603 rgb(7,6,3)
```
#161108
```
#161108 rgb(22,17,8)
```
#241d0d
```
#241d0d rgb(36,29,13)
```
#332812
```
#332812 rgb(51,40,18)
```
#423417
```
#423417 rgb(66,52,23)
```
#503f1c
```
#503f1c rgb(80,63,28)
```
#5f4b21
```
#5f4b21 rgb(95,75,33)
```
#6d5626
```
#6d5626 rgb(109,86,38)
```
#7c622b
```
#7c622b rgb(124,98,43)
```
#8a6d30
```
#8a6d30 rgb(138,109,48)
```
#997935
```
#997935 rgb(153,121,53)
```
#a8843a
```
#a8843a rgb(168,132,58)
```
#b6903f
```
#b6903f rgb(182,144,63)
```

Shade Color Variation

#c09a49
```
#c09a49 rgb(192,154,73)
```
#c5a257
```
#c5a257 rgb(197,162,87)
```
#caaa66
```
#caaa66 rgb(202,170,102)
```
#cfb275
```
#cfb275 rgb(207,178,117)
```
#d4ba83
```
#d4ba83 rgb(212,186,131)
```
#d9c292
```
#d9c292 rgb(217,194,146)
```
#decaa0
```
#decaa0 rgb(222,202,160)
```
#e3d2af
```
#e3d2af rgb(227,210,175)
```
#e8dbbd
```
#e8dbbd rgb(232,219,189)
```
#ede3cc
```
#ede3cc rgb(237,227,204)
```
#f2ebdb
```
#f2ebdb rgb(242,235,219)
```
#f7f3e9
```
#f7f3e9 rgb(247,243,233)
```
#fcfbf8
```
#fcfbf8 rgb(252,251,248)
```

Tint Color Variation

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

#9a9996
```
#9a9996 rgb(154,153,150)
```
#a29c8e
```
#a29c8e rgb(162,156,142)
```
#aa9f86
```
#aa9f86 rgb(170,159,134)
```
#b2a17e
```
#b2a17e rgb(178,161,126)
```
#baa476
```
#baa476 rgb(186,164,118)
```
#c2a76e
```
#c2a76e rgb(194,167,110)
```
#caaa66
```
#caaa66 rgb(202,170,102)
```
#d2ad5e
```
#d2ad5e rgb(210,173,94)
```
#dab056
```
#dab056 rgb(218,176,86)
```
#e2b34e
```
#e2b34e rgb(226,179,78)
```
#eab546
```
#eab546 rgb(234,181,70)
```
#f2b83e
```
#f2b83e rgb(242,184,62)
```
#fabb36
```
#fabb36 rgb(250,187,54)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b2ac9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b26f Protanopia 1% of men
#d6aa6f Deuteranopia 1% of men
#d3a6b1 Tritanopia 0.001% of the population

Trichromacy

#c4af6b Protanomaly 1% of men, 0.01% of women
#d1aa6b Deuteranomaly 6% of men, 0.4% of women
#d0a796 Tritanomaly 0.01% of the population

#caaa66 hex color

#caaa66 Color Information

#caaa66 Color Conversion

Color Schemes with #caaa66

Alternatives to #caaa66

#caaa66 Preview

Shades and Tints of #caaa66

Tones of #caaa66

Color Blindness Simulator