#caaa2a hex color

In a RGB color space, hex #caaa2a is composed of 79.2% red, 66.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.8% magenta, 79.2% yellow and 20.8% black. It has a hue angle of 48 degrees, a saturation of 65.6% and a lightness of 47.8%. #caaa2a color hex could be obtained by blending #ffff54 with #955500. Closest websafe color is: #cc9933.

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

● #caaa2a color description : Strong yellow.

The hexadecimal color #caaa2a has RGB values of R:202, G:170, B:42 and CMYK values of C:0, M:0.16, Y:0.79, K:0.21. Its decimal value is 13281834.

Hex triplet	caaa2a	`#caaa2a`
RGB Decimal	202, 170, 42	`rgb(202,170,42)`
RGB Percent	79.2, 66.7, 16.5	`rgb(79.2%,66.7%,16.5%)`
CMYK	0, 16, 79, 21
HSL	48°, 65.6, 47.8	`hsl(48,65.6%,47.8%)`
HSV (or HSB)	48°, 79.2, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.507, -0.854, 64.919
XYZ	39.15, 41.475, 8.134
xyY	0.441, 0.467, 41.475
CIE-LCH	70.507, 64.925, 90.754
CIE-LUV	70.507, 28.002, 69.71
Hunter-Lab	64.401, -4.189, 37.592
Binary	11001010, 10101010, 00101010

#caaa2a
```
#caaa2a rgb(202,170,42)
```
#2a4aca
```
#2a4aca rgb(42,74,202)
```

Complementary Color

#ca5a2a
```
#ca5a2a rgb(202,90,42)
```
#caaa2a
```
#caaa2a rgb(202,170,42)
```
#9aca2a
```
#9aca2a rgb(154,202,42)
```

Analogous Color

#5a2aca
```
#5a2aca rgb(90,42,202)
```
#caaa2a
```
#caaa2a rgb(202,170,42)
```
#2a9aca
```
#2a9aca rgb(42,154,202)
```

Split Complementary Color

#aa2aca
```
#aa2aca rgb(170,42,202)
```
#caaa2a
```
#caaa2a rgb(202,170,42)
```
#2acaaa
```
#2acaaa rgb(42,202,170)
```

Triadic Color

#ca2a4a
```
#ca2a4a rgb(202,42,74)
```
#caaa2a
```
#caaa2a rgb(202,170,42)
```
#2acaaa
```
#2acaaa rgb(42,202,170)
```
#2a4aca
```
#2a4aca rgb(42,74,202)
```

Tetradic Color

#8b751d
```
#8b751d rgb(139,117,29)
```
#a08621
```
#a08621 rgb(160,134,33)
```
#b59826
```
#b59826 rgb(181,152,38)
```
#caaa2a
```
#caaa2a rgb(202,170,42)
```
#d6b638
```
#d6b638 rgb(214,182,56)
```
#dabe4d
```
#dabe4d rgb(218,190,77)
```
#dec662
```
#dec662 rgb(222,198,98)
```

Monochromatic Color

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

#ca822a
```
#ca822a rgb(202,130,42)
```
#ca8f2a
```
#ca8f2a rgb(202,143,42)
```
#ca9d2a
```
#ca9d2a rgb(202,157,42)
```
#caaa2a
```
#caaa2a rgb(202,170,42)
```
#cab72a
```
#cab72a rgb(202,183,42)
```
#cac52a
```
#cac52a rgb(202,197,42)
```
#c2ca2a
```
#c2ca2a rgb(194,202,42)
```

Similar Colors

Text with hexadecimal color #caaa2a

This text has a font color of #caaa2a.

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

#caaa2a background color

This paragraph has a background color of #caaa2a.

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

#caaa2a border color

This element has a border color of #caaa2a.

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

CSS codes

.text {color:#caaa2a;}

.background {background-color:#caaa2a;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#171405
```
#171405 rgb(23,20,5)
```
#282108
```
#282108 rgb(40,33,8)
```
#382f0c
```
#382f0c rgb(56,47,12)
```
#483d0f
```
#483d0f rgb(72,61,15)
```
#584a12
```
#584a12 rgb(88,74,18)
```
#695816
```
#695816 rgb(105,88,22)
```
#796619
```
#796619 rgb(121,102,25)
```
#89731c
```
#89731c rgb(137,115,28)
```
#998120
```
#998120 rgb(153,129,32)
```
#aa8f23
```
#aa8f23 rgb(170,143,35)
```
#ba9c27
```
#ba9c27 rgb(186,156,39)
```
#caaa2a
```
#caaa2a rgb(202,170,42)
```

Shade Color Variation

#d5b433
```
#d5b433 rgb(213,180,51)
```
#d8ba43
```
#d8ba43 rgb(216,186,67)
```
#dbc054
```
#dbc054 rgb(219,192,84)
```
#dfc664
```
#dfc664 rgb(223,198,100)
```
#e2cc74
```
#e2cc74 rgb(226,204,116)
```
#e5d284
```
#e5d284 rgb(229,210,132)
```
#e9d894
```
#e9d894 rgb(233,216,148)
```
#ecdea5
```
#ecdea5 rgb(236,222,165)
```
#f0e4b5
```
#f0e4b5 rgb(240,228,181)
```
#f3eac5
```
#f3eac5 rgb(243,234,197)
```
#f6f0d5
```
#f6f0d5 rgb(246,240,213)
```
#faf6e6
```
#faf6e6 rgb(250,246,230)
```
#fdfcf6
```
#fdfcf6 rgb(253,252,246)
```

Tint Color Variation

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

#7f7d75
```
#7f7d75 rgb(127,125,117)
```
#88836c
```
#88836c rgb(136,131,108)
```
#928862
```
#928862 rgb(146,136,98)
```
#9b8e59
```
#9b8e59 rgb(155,142,89)
```
#a49350
```
#a49350 rgb(164,147,80)
```
#ae9946
```
#ae9946 rgb(174,153,70)
```
#b79f3d
```
#b79f3d rgb(183,159,61)
```
#c1a433
```
#c1a433 rgb(193,164,51)
```
#caaa2a
```
#caaa2a rgb(202,170,42)
```
#d3b021
```
#d3b021 rgb(211,176,33)
```
#ddb517
```
#ddb517 rgb(221,181,23)
```
#e6bb0e
```
#e6bb0e rgb(230,187,14)
```
#f0c104
```
#f0c104 rgb(240,193,4)
```

Tone Color Variation

Below, you can see how #caaa2a 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
#aca68c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b135 Protanopia 1% of men
#dba838 Deuteranopia 1% of men
#d6a3ae Tritanopia 0.001% of the population

Trichromacy

#c7ae31 Protanomaly 1% of men, 0.01% of women
#d5a833 Deuteranomaly 6% of men, 0.4% of women
#d1a57e Tritanomaly 0.01% of the population

#caaa2a hex color

#caaa2a Color Information

#caaa2a Color Conversion

Color Schemes with #caaa2a

Alternatives to #caaa2a

#caaa2a Preview

Shades and Tints of #caaa2a

Tones of #caaa2a

Color Blindness Simulator