#caa81e hex color

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

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

● #caa81e color description : Strong yellow.

The hexadecimal color #caa81e has RGB values of R:202, G:168, B:30 and CMYK values of C:0, M:0.17, Y:0.85, K:0.21. Its decimal value is 13281310.

Hex triplet	caa81e	`#caa81e`
RGB Decimal	202, 168, 30	`rgb(202,168,30)`
RGB Percent	79.2, 65.9, 11.8	`rgb(79.2%,65.9%,11.8%)`
CMYK	0, 17, 85, 21
HSL	48.1°, 74.1, 45.5	`hsl(48.1,74.1%,45.5%)`
HSV (or HSB)	48.1°, 85.1, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.935, -0.156, 67.88
XYZ	38.595, 40.657, 7.043
xyY	0.447, 0.471, 40.657
CIE-LCH	69.935, 67.88, 90.132
CIE-LUV	69.935, 29.747, 71.047
Hunter-Lab	63.763, -3.542, 38.085
Binary	11001010, 10101000, 00011110

#caa81e
```
#caa81e rgb(202,168,30)
```
#1e40ca
```
#1e40ca rgb(30,64,202)
```

Complementary Color

#ca521e
```
#ca521e rgb(202,82,30)
```
#caa81e
```
#caa81e rgb(202,168,30)
```
#96ca1e
```
#96ca1e rgb(150,202,30)
```

Analogous Color

#521eca
```
#521eca rgb(82,30,202)
```
#caa81e
```
#caa81e rgb(202,168,30)
```
#1e96ca
```
#1e96ca rgb(30,150,202)
```

Split Complementary Color

#a81eca
```
#a81eca rgb(168,30,202)
```
#caa81e
```
#caa81e rgb(202,168,30)
```
#1ecaa8
```
#1ecaa8 rgb(30,202,168)
```

Triadic Color

#ca1e40
```
#ca1e40 rgb(202,30,64)
```
#caa81e
```
#caa81e rgb(202,168,30)
```
#1ecaa8
```
#1ecaa8 rgb(30,202,168)
```
#1e40ca
```
#1e40ca rgb(30,64,202)
```

Tetradic Color

#877114
```
#877114 rgb(135,113,20)
```
#9e8317
```
#9e8317 rgb(158,131,23)
```
#b4961b
```
#b4961b rgb(180,150,27)
```
#caa81e
```
#caa81e rgb(202,168,30)
```
#deb923
```
#deb923 rgb(222,185,35)
```
#e2c039
```
#e2c039 rgb(226,192,57)
```
#e5c750
```
#e5c750 rgb(229,199,80)
```

Monochromatic Color

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

#ca7d1e
```
#ca7d1e rgb(202,125,30)
```
#ca8b1e
```
#ca8b1e rgb(202,139,30)
```
#ca9a1e
```
#ca9a1e rgb(202,154,30)
```
#caa81e
```
#caa81e rgb(202,168,30)
```
#cab61e
```
#cab61e rgb(202,182,30)
```
#cac51e
```
#cac51e rgb(202,197,30)
```
#c1ca1e
```
#c1ca1e rgb(193,202,30)
```

Similar Colors

Text with hexadecimal color #caa81e

This text has a font color of #caa81e.

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

#caa81e background color

This paragraph has a background color of #caa81e.

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

#caa81e border color

This element has a border color of #caa81e.

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

CSS codes

.text {color:#caa81e;}

.background {background-color:#caa81e;}

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

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

#0e0c02
```
#0e0c02 rgb(14,12,2)
```
#1f1a05
```
#1f1a05 rgb(31,26,5)
```
#302807
```
#302807 rgb(48,40,7)
```
#41360a
```
#41360a rgb(65,54,10)
```
#52450c
```
#52450c rgb(82,69,12)
```
#64530f
```
#64530f rgb(100,83,15)
```
#756111
```
#756111 rgb(117,97,17)
```
#866f14
```
#866f14 rgb(134,111,20)
```
#977d16
```
#977d16 rgb(151,125,22)
```
#a88c19
```
#a88c19 rgb(168,140,25)
```
#b99a1b
```
#b99a1b rgb(185,154,27)
```
#caa81e
```
#caa81e rgb(202,168,30)
```
#dbb621
```
#dbb621 rgb(219,182,33)
```

Shade Color Variation

#e0bd2f
```
#e0bd2f rgb(224,189,47)
```
#e3c340
```
#e3c340 rgb(227,195,64)
```
#e5c851
```
#e5c851 rgb(229,200,81)
```
#e8cd62
```
#e8cd62 rgb(232,205,98)
```
#ead373
```
#ead373 rgb(234,211,115)
```
#edd885
```
#edd885 rgb(237,216,133)
```
#efde96
```
#efde96 rgb(239,222,150)
```
#f2e3a7
```
#f2e3a7 rgb(242,227,167)
```
#f4e8b8
```
#f4e8b8 rgb(244,232,184)
```
#f7eec9
```
#f7eec9 rgb(247,238,201)
```
#f9f3da
```
#f9f3da rgb(249,243,218)
```
#fcf9eb
```
#fcf9eb rgb(252,249,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 #e5b803 is the most saturated one.

#7a776e
```
#7a776e rgb(122,119,110)
```
#837d65
```
#837d65 rgb(131,125,101)
```
#8c825c
```
#8c825c rgb(140,130,92)
```
#948854
```
#948854 rgb(148,136,84)
```
#9d8d4b
```
#9d8d4b rgb(157,141,75)
```
#a69242
```
#a69242 rgb(166,146,66)
```
#af9839
```
#af9839 rgb(175,152,57)
```
#b89d30
```
#b89d30 rgb(184,157,48)
```
#c1a327
```
#c1a327 rgb(193,163,39)
```
#caa81e
```
#caa81e rgb(202,168,30)
```
#d3ad15
```
#d3ad15 rgb(211,173,21)
```
#dcb30c
```
#dcb30c rgb(220,179,12)
```
#e5b803
```
#e5b803 rgb(229,184,3)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#aaa388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4af2a Protanopia 1% of men
#daa62d Deuteranopia 1% of men
#d6a1ac Tritanopia 0.001% of the population

Trichromacy

#c6ac25 Protanomaly 1% of men, 0.01% of women
#d4a727 Deuteranomaly 6% of men, 0.4% of women
#d1a378 Tritanomaly 0.01% of the population

#caa81e hex color

#caa81e Color Information

#caa81e Color Conversion

Color Schemes with #caa81e

Alternatives to #caa81e

#caa81e Preview

Shades and Tints of #caa81e

Tones of #caa81e

Color Blindness Simulator