#caaa2f hex color

In a RGB color space, hex #caaa2f is composed of 79.2% red, 66.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.8% magenta, 76.7% yellow and 20.8% black. It has a hue angle of 47.6 degrees, a saturation of 62.2% and a lightness of 48.8%. #caaa2f color hex could be obtained by blending #ffff5e 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

● #caaa2f color description : Strong yellow.

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

Hex triplet	caaa2f	`#caaa2f`
RGB Decimal	202, 170, 47	`rgb(202,170,47)`
RGB Percent	79.2, 66.7, 18.4	`rgb(79.2%,66.7%,18.4%)`
CMYK	0, 16, 77, 21
HSL	47.6°, 62.2, 48.8	`hsl(47.6,62.2%,48.8%)`
HSV (or HSB)	47.6°, 76.7, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.534, -0.667, 63.269
XYZ	39.245, 41.513, 8.635
xyY	0.439, 0.464, 41.513
CIE-LCH	70.534, 63.273, 90.604
CIE-LUV	70.534, 27.86, 68.618
Hunter-Lab	64.43, -4.027, 37.155
Binary	11001010, 10101010, 00101111

#caaa2f
```
#caaa2f rgb(202,170,47)
```
#2f4fca
```
#2f4fca rgb(47,79,202)
```

Complementary Color

#ca5d2f
```
#ca5d2f rgb(202,93,47)
```
#caaa2f
```
#caaa2f rgb(202,170,47)
```
#9dca2f
```
#9dca2f rgb(157,202,47)
```

Analogous Color

#5c2fca
```
#5c2fca rgb(92,47,202)
```
#caaa2f
```
#caaa2f rgb(202,170,47)
```
#2f9dca
```
#2f9dca rgb(47,157,202)
```

Split Complementary Color

#aa2fca
```
#aa2fca rgb(170,47,202)
```
#caaa2f
```
#caaa2f rgb(202,170,47)
```
#2fcaaa
```
#2fcaaa rgb(47,202,170)
```

Triadic Color

#ca2f4f
```
#ca2f4f rgb(202,47,79)
```
#caaa2f
```
#caaa2f rgb(202,170,47)
```
#2fcaaa
```
#2fcaaa rgb(47,202,170)
```
#2f4fca
```
#2f4fca rgb(47,79,202)
```

Tetradic Color

#8c7621
```
#8c7621 rgb(140,118,33)
```
#a18725
```
#a18725 rgb(161,135,37)
```
#b5992a
```
#b5992a rgb(181,153,42)
```
#caaa2f
```
#caaa2f rgb(202,170,47)
```
#d3b440
```
#d3b440 rgb(211,180,64)
```
#d7bc55
```
#d7bc55 rgb(215,188,85)
```
#dcc469
```
#dcc469 rgb(220,196,105)
```

Monochromatic Color

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

#ca832f
```
#ca832f rgb(202,131,47)
```
#ca902f
```
#ca902f rgb(202,144,47)
```
#ca9d2f
```
#ca9d2f rgb(202,157,47)
```
#caaa2f
```
#caaa2f rgb(202,170,47)
```
#cab72f
```
#cab72f rgb(202,183,47)
```
#cac42f
```
#cac42f rgb(202,196,47)
```
#c3ca2f
```
#c3ca2f rgb(195,202,47)
```

Similar Colors

Text with hexadecimal color #caaa2f

This text has a font color of #caaa2f.

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

#caaa2f background color

This paragraph has a background color of #caaa2f.

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

#caaa2f border color

This element has a border color of #caaa2f.

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

CSS codes

.text {color:#caaa2f;}

.background {background-color:#caaa2f;}

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

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

#0b0903
```
#0b0903 rgb(11,9,3)
```
#1b1706
```
#1b1706 rgb(27,23,6)
```
#2b240a
```
#2b240a rgb(43,36,10)
```
#3b310e
```
#3b310e rgb(59,49,14)
```
#4b3f11
```
#4b3f11 rgb(75,63,17)
```
#5b4c15
```
#5b4c15 rgb(91,76,21)
```
#6b5a19
```
#6b5a19 rgb(107,90,25)
```
#7a671c
```
#7a671c rgb(122,103,28)
```
#8a7420
```
#8a7420 rgb(138,116,32)
```
#9a8224
```
#9a8224 rgb(154,130,36)
```
#aa8f28
```
#aa8f28 rgb(170,143,40)
```
#ba9d2b
```
#ba9d2b rgb(186,157,43)
```
#caaa2f
```
#caaa2f rgb(202,170,47)
```

Shade Color Variation

#d1b23b
```
#d1b23b rgb(209,178,59)
```
#d5b94b
```
#d5b94b rgb(213,185,75)
```
#d9bf5b
```
#d9bf5b rgb(217,191,91)
```
#ddc56b
```
#ddc56b rgb(221,197,107)
```
#e0cb7b
```
#e0cb7b rgb(224,203,123)
```
#e4d28b
```
#e4d28b rgb(228,210,139)
```
#e8d89b
```
#e8d89b rgb(232,216,155)
```
#ebdeab
```
#ebdeab rgb(235,222,171)
```
#efe4ba
```
#efe4ba rgb(239,228,186)
```
#f3eaca
```
#f3eaca rgb(243,234,202)
```
#f6f1da
```
#f6f1da rgb(246,241,218)
```
#faf7ea
```
#faf7ea rgb(250,247,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#7d7d7c
```
#7d7d7c rgb(125,125,124)
```
#878372
```
#878372 rgb(135,131,114)
```
#918868
```
#918868 rgb(145,136,104)
```
#9a8e5f
```
#9a8e5f rgb(154,142,95)
```
#a49455
```
#a49455 rgb(164,148,85)
```
#ad994c
```
#ad994c rgb(173,153,76)
```
#b79f42
```
#b79f42 rgb(183,159,66)
```
#c0a439
```
#c0a439 rgb(192,164,57)
```
#caaa2f
```
#caaa2f rgb(202,170,47)
```
#d4b025
```
#d4b025 rgb(212,176,37)
```
#ddb51c
```
#ddb51c rgb(221,181,28)
```
#e7bb12
```
#e7bb12 rgb(231,187,18)
```
#f0c009
```
#f0c009 rgb(240,192,9)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#ada78e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b13a Protanopia 1% of men
#dba83c Deuteranopia 1% of men
#d6a3ae Tritanopia 0.001% of the population

Trichromacy

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

#caaa2f hex color

#caaa2f Color Information

#caaa2f Color Conversion

Color Schemes with #caaa2f

Alternatives to #caaa2f

#caaa2f Preview

Shades and Tints of #caaa2f

Tones of #caaa2f

Color Blindness Simulator