#caaa2e hex color

In a RGB color space, hex #caaa2e is composed of 79.2% red, 66.7% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.8% magenta, 77.2% yellow and 20.8% black. It has a hue angle of 47.7 degrees, a saturation of 62.9% and a lightness of 48.6%. #caaa2e color hex could be obtained by blending #ffff5c with #955500. Closest websafe color is: #cc9933.

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

● #caaa2e color description : Strong yellow.

The hexadecimal color #caaa2e has RGB values of R:202, G:170, B:46 and CMYK values of C:0, M:0.16, Y:0.77, K:0.21. Its decimal value is 13281838.

Hex triplet	caaa2e	`#caaa2e`
RGB Decimal	202, 170, 46	`rgb(202,170,46)`
RGB Percent	79.2, 66.7, 18	`rgb(79.2%,66.7%,18%)`
CMYK	0, 16, 77, 21
HSL	47.7°, 62.9, 48.6	`hsl(47.7,62.9%,48.6%)`
HSV (or HSB)	47.7°, 77.2, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.528, -0.706, 63.61
XYZ	39.225, 41.505, 8.53
xyY	0.439, 0.465, 41.505
CIE-LCH	70.528, 63.614, 90.636
CIE-LUV	70.528, 27.89, 68.846
Hunter-Lab	64.424, -4.061, 37.247
Binary	11001010, 10101010, 00101110

#caaa2e
```
#caaa2e rgb(202,170,46)
```
#2e4eca
```
#2e4eca rgb(46,78,202)
```

Complementary Color

#ca5c2e
```
#ca5c2e rgb(202,92,46)
```
#caaa2e
```
#caaa2e rgb(202,170,46)
```
#9cca2e
```
#9cca2e rgb(156,202,46)
```

Analogous Color

#5c2eca
```
#5c2eca rgb(92,46,202)
```
#caaa2e
```
#caaa2e rgb(202,170,46)
```
#2e9cca
```
#2e9cca rgb(46,156,202)
```

Split Complementary Color

#aa2eca
```
#aa2eca rgb(170,46,202)
```
#caaa2e
```
#caaa2e rgb(202,170,46)
```
#2ecaaa
```
#2ecaaa rgb(46,202,170)
```

Triadic Color

#ca2e4e
```
#ca2e4e rgb(202,46,78)
```
#caaa2e
```
#caaa2e rgb(202,170,46)
```
#2ecaaa
```
#2ecaaa rgb(46,202,170)
```
#2e4eca
```
#2e4eca rgb(46,78,202)
```

Tetradic Color

#8c7620
```
#8c7620 rgb(140,118,32)
```
#a08725
```
#a08725 rgb(160,135,37)
```
#b59929
```
#b59929 rgb(181,153,41)
```
#caaa2e
```
#caaa2e rgb(202,170,46)
```
#d3b53e
```
#d3b53e rgb(211,181,62)
```
#d8bd53
```
#d8bd53 rgb(216,189,83)
```
#ddc568
```
#ddc568 rgb(221,197,104)
```

Monochromatic Color

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

#ca832e
```
#ca832e rgb(202,131,46)
```
#ca902e
```
#ca902e rgb(202,144,46)
```
#ca9d2e
```
#ca9d2e rgb(202,157,46)
```
#caaa2e
```
#caaa2e rgb(202,170,46)
```
#cab72e
```
#cab72e rgb(202,183,46)
```
#cac42e
```
#cac42e rgb(202,196,46)
```
#c3ca2e
```
#c3ca2e rgb(195,202,46)
```

Similar Colors

Text with hexadecimal color #caaa2e

This text has a font color of #caaa2e.

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

#caaa2e background color

This paragraph has a background color of #caaa2e.

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

#caaa2e border color

This element has a border color of #caaa2e.

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

CSS codes

.text {color:#caaa2e;}

.background {background-color:#caaa2e;}

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

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

#0a0902
```
#0a0902 rgb(10,9,2)
```
#1a1606
```
#1a1606 rgb(26,22,6)
```
#2a240a
```
#2a240a rgb(42,36,10)
```
#3a310d
```
#3a310d rgb(58,49,13)
```
#4a3e11
```
#4a3e11 rgb(74,62,17)
```
#5a4c15
```
#5a4c15 rgb(90,76,21)
```
#6a5918
```
#6a5918 rgb(106,89,24)
```
#7a671c
```
#7a671c rgb(122,103,28)
```
#8a741f
```
#8a741f rgb(138,116,31)
```
#9a8223
```
#9a8223 rgb(154,130,35)
```
#aa8f27
```
#aa8f27 rgb(170,143,39)
```
#ba9d2a
```
#ba9d2a rgb(186,157,42)
```
#caaa2e
```
#caaa2e rgb(202,170,46)
```

Shade Color Variation

#d2b33a
```
#d2b33a rgb(210,179,58)
```
#d6b94a
```
#d6b94a rgb(214,185,74)
```
#d9bf5a
```
#d9bf5a rgb(217,191,90)
```
#ddc56a
```
#ddc56a rgb(221,197,106)
```
#e1cb79
```
#e1cb79 rgb(225,203,121)
```
#e4d289
```
#e4d289 rgb(228,210,137)
```
#e8d899
```
#e8d899 rgb(232,216,153)
```
#ecdea9
```
#ecdea9 rgb(236,222,169)
```
#efe4b9
```
#efe4b9 rgb(239,228,185)
```
#f3eac9
```
#f3eac9 rgb(243,234,201)
```
#f6f0d9
```
#f6f0d9 rgb(246,240,217)
```
#faf7e9
```
#faf7e9 rgb(250,247,233)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#7e7d7a
```
#7e7d7a rgb(126,125,122)
```
#878371
```
#878371 rgb(135,131,113)
```
#918867
```
#918867 rgb(145,136,103)
```
#9a8e5e
```
#9a8e5e rgb(154,142,94)
```
#a49354
```
#a49354 rgb(164,147,84)
```
#ad994b
```
#ad994b rgb(173,153,75)
```
#b79f41
```
#b79f41 rgb(183,159,65)
```
#c0a438
```
#c0a438 rgb(192,164,56)
```
#caaa2e
```
#caaa2e rgb(202,170,46)
```
#d4b024
```
#d4b024 rgb(212,176,36)
```
#ddb51b
```
#ddb51b rgb(221,181,27)
```
#e7bb11
```
#e7bb11 rgb(231,187,17)
```
#f0c108
```
#f0c108 rgb(240,193,8)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#aca68d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b139 Protanopia 1% of men
#dba83b Deuteranopia 1% of men
#d6a3ae Tritanopia 0.001% of the population

Trichromacy

#c6ae35 Protanomaly 1% of men, 0.01% of women
#d5a936 Deuteranomaly 6% of men, 0.4% of women
#d1a580 Tritanomaly 0.01% of the population

#caaa2e hex color

#caaa2e Color Information

#caaa2e Color Conversion

Color Schemes with #caaa2e

Alternatives to #caaa2e

#caaa2e Preview

Shades and Tints of #caaa2e

Tones of #caaa2e

Color Blindness Simulator