#caa21e hex color

In a RGB color space, hex #caa21e is composed of 79.2% red, 63.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.8% magenta, 85.1% yellow and 20.8% black. It has a hue angle of 46 degrees, a saturation of 74.1% and a lightness of 45.5%. #caa21e color hex could be obtained by blending #ffff3c with #954500. Closest websafe color is: #cc9933.

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

● #caa21e color description : Strong yellow.

The hexadecimal color #caa21e has RGB values of R:202, G:162, B:30 and CMYK values of C:0, M:0.2, Y:0.85, K:0.21. Its decimal value is 13279774.

Hex triplet	caa21e	`#caa21e`
RGB Decimal	202, 162, 30	`rgb(202,162,30)`
RGB Percent	79.2, 63.5, 11.8	`rgb(79.2%,63.5%,11.8%)`
CMYK	0, 20, 85, 21
HSL	46°, 74.1, 45.5	`hsl(46,74.1%,45.5%)`
HSV (or HSB)	46°, 85.1, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.382, 3.044, 66.597
XYZ	37.512, 38.493, 6.682
xyY	0.454, 0.466, 38.493
CIE-LCH	68.382, 66.667, 87.383
CIE-LUV	68.382, 34.205, 68.693
Hunter-Lab	62.043, -0.649, 37.044
Binary	11001010, 10100010, 00011110

#caa21e
```
#caa21e rgb(202,162,30)
```
#1e46ca
```
#1e46ca rgb(30,70,202)
```

Complementary Color

#ca4c1e
```
#ca4c1e rgb(202,76,30)
```
#caa21e
```
#caa21e rgb(202,162,30)
```
#9cca1e
```
#9cca1e rgb(156,202,30)
```

Analogous Color

#4c1eca
```
#4c1eca rgb(76,30,202)
```
#caa21e
```
#caa21e rgb(202,162,30)
```
#1e9cca
```
#1e9cca rgb(30,156,202)
```

Split Complementary Color

#a21eca
```
#a21eca rgb(162,30,202)
```
#caa21e
```
#caa21e rgb(202,162,30)
```
#1ecaa2
```
#1ecaa2 rgb(30,202,162)
```

Triadic Color

#ca1e46
```
#ca1e46 rgb(202,30,70)
```
#caa21e
```
#caa21e rgb(202,162,30)
```
#1ecaa2
```
#1ecaa2 rgb(30,202,162)
```
#1e46ca
```
#1e46ca rgb(30,70,202)
```

Tetradic Color

#876d14
```
#876d14 rgb(135,109,20)
```
#9e7e17
```
#9e7e17 rgb(158,126,23)
```
#b4901b
```
#b4901b rgb(180,144,27)
```
#caa21e
```
#caa21e rgb(202,162,30)
```
#deb323
```
#deb323 rgb(222,179,35)
```
#e2bb39
```
#e2bb39 rgb(226,187,57)
```
#e5c250
```
#e5c250 rgb(229,194,80)
```

Monochromatic Color

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

#ca771e
```
#ca771e rgb(202,119,30)
```
#ca851e
```
#ca851e rgb(202,133,30)
```
#ca941e
```
#ca941e rgb(202,148,30)
```
#caa21e
```
#caa21e rgb(202,162,30)
```
#cab01e
```
#cab01e rgb(202,176,30)
```
#cabf1e
```
#cabf1e rgb(202,191,30)
```
#c7ca1e
```
#c7ca1e rgb(199,202,30)
```

Similar Colors

Text with hexadecimal color #caa21e

This text has a font color of #caa21e.

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

#caa21e background color

This paragraph has a background color of #caa21e.

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

#caa21e border color

This element has a border color of #caa21e.

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

CSS codes

.text {color:#caa21e;}

.background {background-color:#caa21e;}

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

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

#0e0b02
```
#0e0b02 rgb(14,11,2)
```
#1f1905
```
#1f1905 rgb(31,25,5)
```
#302707
```
#302707 rgb(48,39,7)
```
#41340a
```
#41340a rgb(65,52,10)
```
#52420c
```
#52420c rgb(82,66,12)
```
#64500f
```
#64500f rgb(100,80,15)
```
#755e11
```
#755e11 rgb(117,94,17)
```
#866b14
```
#866b14 rgb(134,107,20)
```
#977916
```
#977916 rgb(151,121,22)
```
#a88719
```
#a88719 rgb(168,135,25)
```
#b9941b
```
#b9941b rgb(185,148,27)
```
#caa21e
```
#caa21e rgb(202,162,30)
```
#dbb021
```
#dbb021 rgb(219,176,33)
```

Shade Color Variation

#e0b72f
```
#e0b72f rgb(224,183,47)
```
#e3bd40
```
#e3bd40 rgb(227,189,64)
```
#e5c351
```
#e5c351 rgb(229,195,81)
```
#e8c962
```
#e8c962 rgb(232,201,98)
```
#eacf73
```
#eacf73 rgb(234,207,115)
```
#edd585
```
#edd585 rgb(237,213,133)
```
#efda96
```
#efda96 rgb(239,218,150)
```
#f2e0a7
```
#f2e0a7 rgb(242,224,167)
```
#f4e6b8
```
#f4e6b8 rgb(244,230,184)
```
#f7ecc9
```
#f7ecc9 rgb(247,236,201)
```
#f9f2da
```
#f9f2da rgb(249,242,218)
```
#fcf8eb
```
#fcf8eb rgb(252,248,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#7a776e
```
#7a776e rgb(122,119,110)
```
#837c65
```
#837c65 rgb(131,124,101)
```
#8c815c
```
#8c815c rgb(140,129,92)
```
#948554
```
#948554 rgb(148,133,84)
```
#9d8a4b
```
#9d8a4b rgb(157,138,75)
```
#a68f42
```
#a68f42 rgb(166,143,66)
```
#af9439
```
#af9439 rgb(175,148,57)
```
#b89830
```
#b89830 rgb(184,152,48)
```
#c19d27
```
#c19d27 rgb(193,157,39)
```
#caa21e
```
#caa21e rgb(202,162,30)
```
#d3a715
```
#d3a715 rgb(211,167,21)
```
#dcac0c
```
#dcac0c rgb(220,172,12)
```
#e5b003
```
#e5b003 rgb(229,176,3)
```

Tone Color Variation

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

Dichromacy

#bfab2b Protanopia 1% of men
#d5a32c Deuteranopia 1% of men
#d59ca6 Tritanopia 0.001% of the population

Trichromacy

#c3a826 Protanomaly 1% of men, 0.01% of women
#d1a227 Deuteranomaly 6% of men, 0.4% of women
#d19e75 Tritanomaly 0.01% of the population

#caa21e hex color

#caa21e Color Information

#caa21e Color Conversion

Color Schemes with #caa21e

Alternatives to #caa21e

#caa21e Preview

Shades and Tints of #caa21e

Tones of #caa21e

Color Blindness Simulator