#caa221 hex color

In a RGB color space, hex #caa221 is composed of 79.2% red, 63.5% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.8% magenta, 83.7% yellow and 20.8% black. It has a hue angle of 45.8 degrees, a saturation of 71.9% and a lightness of 46.1%. #caa221 color hex could be obtained by blending #ffff42 with #954500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 79
- G 64
- B 13
RGB color chart
- C 0
- M 20
- Y 84
- K 21
CMYK color chart

● #caa221 color description : Strong yellow.

The hexadecimal color #caa221 has RGB values of R:202, G:162, B:33 and CMYK values of C:0, M:0.2, Y:0.84, K:0.21. Its decimal value is 13279777.

Hex triplet	caa221	`#caa221`
RGB Decimal	202, 162, 33	`rgb(202,162,33)`
RGB Percent	79.2, 63.5, 12.9	`rgb(79.2%,63.5%,12.9%)`
CMYK	0, 20, 84, 21
HSL	45.8°, 71.9, 46.1	`hsl(45.8,71.9%,46.1%)`
HSV (or HSB)	45.8°, 83.7, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.394, 3.124, 65.794
XYZ	37.553, 38.509, 6.894
xyY	0.453, 0.464, 38.509
CIE-LCH	68.394, 65.868, 87.282
CIE-LUV	68.394, 34.133, 68.208
Hunter-Lab	62.055, -0.579, 36.852
Binary	11001010, 10100010, 00100001

#caa221
```
#caa221 rgb(202,162,33)
```
#2149ca
```
#2149ca rgb(33,73,202)
```

Complementary Color

#ca4e21
```
#ca4e21 rgb(202,78,33)
```
#caa221
```
#caa221 rgb(202,162,33)
```
#9eca21
```
#9eca21 rgb(158,202,33)
```

Analogous Color

#4d21ca
```
#4d21ca rgb(77,33,202)
```
#caa221
```
#caa221 rgb(202,162,33)
```
#219eca
```
#219eca rgb(33,158,202)
```

Split Complementary Color

#a221ca
```
#a221ca rgb(162,33,202)
```
#caa221
```
#caa221 rgb(202,162,33)
```
#21caa2
```
#21caa2 rgb(33,202,162)
```

Triadic Color

#ca2149
```
#ca2149 rgb(202,33,73)
```
#caa221
```
#caa221 rgb(202,162,33)
```
#21caa2
```
#21caa2 rgb(33,202,162)
```
#2149ca
```
#2149ca rgb(33,73,202)
```

Tetradic Color

#886d16
```
#886d16 rgb(136,109,22)
```
#9e7f1a
```
#9e7f1a rgb(158,127,26)
```
#b4901d
```
#b4901d rgb(180,144,29)
```
#caa221
```
#caa221 rgb(202,162,33)
```
#dcb129
```
#dcb129 rgb(220,177,41)
```
#e0b93e
```
#e0b93e rgb(224,185,62)
```
#e3c154
```
#e3c154 rgb(227,193,84)
```

Monochromatic Color

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

#ca7821
```
#ca7821 rgb(202,120,33)
```
#ca8621
```
#ca8621 rgb(202,134,33)
```
#ca9421
```
#ca9421 rgb(202,148,33)
```
#caa221
```
#caa221 rgb(202,162,33)
```
#cab021
```
#cab021 rgb(202,176,33)
```
#cabe21
```
#cabe21 rgb(202,190,33)
```
#c8ca21
```
#c8ca21 rgb(200,202,33)
```

Similar Colors

Text with hexadecimal color #caa221

This text has a font color of #caa221.

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

#caa221 background color

This paragraph has a background color of #caa221.

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

#caa221 border color

This element has a border color of #caa221.

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

CSS codes

.text {color:#caa221;}

.background {background-color:#caa221;}

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

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, #110d03 is the darkest color, while #ffffff is the lightest one.

#110d03
```
#110d03 rgb(17,13,3)
```
#211b05
```
#211b05 rgb(33,27,5)
```
#322808
```
#322808 rgb(50,40,8)
```
#43360b
```
#43360b rgb(67,54,11)
```
#54430e
```
#54430e rgb(84,67,14)
```
#655110
```
#655110 rgb(101,81,16)
```
#765e13
```
#765e13 rgb(118,94,19)
```
#876c16
```
#876c16 rgb(135,108,22)
```
#977919
```
#977919 rgb(151,121,25)
```
#a8871b
```
#a8871b rgb(168,135,27)
```
#b9941e
```
#b9941e rgb(185,148,30)
```
#caa221
```
#caa221 rgb(202,162,33)
```
#dbb024
```
#dbb024 rgb(219,176,36)
```

Shade Color Variation

#deb634
```
#deb634 rgb(222,182,52)
```
#e1bc45
```
#e1bc45 rgb(225,188,69)
```
#e3c256
```
#e3c256 rgb(227,194,86)
```
#e6c867
```
#e6c867 rgb(230,200,103)
```
#e9ce78
```
#e9ce78 rgb(233,206,120)
```
#ecd489
```
#ecd489 rgb(236,212,137)
```
#eeda9a
```
#eeda9a rgb(238,218,154)
```
#f1e0aa
```
#f1e0aa rgb(241,224,170)
```
#f4e7bb
```
#f4e7bb rgb(244,231,187)
```
#f7edcc
```
#f7edcc rgb(247,237,204)
```
#f9f3dd
```
#f9f3dd rgb(249,243,221)
```
#fcf9ee
```
#fcf9ee rgb(252,249,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797772
```
#797772 rgb(121,119,114)
```
#827c69
```
#827c69 rgb(130,124,105)
```
#8b8160
```
#8b8160 rgb(139,129,96)
```
#948557
```
#948557 rgb(148,133,87)
```
#9d8a4e
```
#9d8a4e rgb(157,138,78)
```
#a68f45
```
#a68f45 rgb(166,143,69)
```
#af943c
```
#af943c rgb(175,148,60)
```
#b89833
```
#b89833 rgb(184,152,51)
```
#c19d2a
```
#c19d2a rgb(193,157,42)
```
#caa221
```
#caa221 rgb(202,162,33)
```
#d3a718
```
#d3a718 rgb(211,167,24)
```
#dcac0f
```
#dcac0f rgb(220,172,15)
```
#e5b006
```
#e5b006 rgb(229,176,6)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a8a086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfab2d Protanopia 1% of men
#d5a32e Deuteranopia 1% of men
#d59ca6 Tritanopia 0.001% of the population

Trichromacy

#c3a829 Protanomaly 1% of men, 0.01% of women
#d1a229 Deuteranomaly 6% of men, 0.4% of women
#d19e76 Tritanomaly 0.01% of the population

#caa221 hex color

#caa221 Color Information

#caa221 Color Conversion

Color Schemes with #caa221

Alternatives to #caa221

#caa221 Preview

Shades and Tints of #caa221

Tones of #caa221

Color Blindness Simulator