#caa71e hex color

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

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

● #caa71e color description : Strong yellow.

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

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

CIE-LAB	69.675, 0.375, 67.665
XYZ	38.411, 40.289, 6.982
xyY	0.448, 0.47, 40.289
CIE-LCH	69.675, 67.666, 89.682
CIE-LUV	69.675, 30.485, 70.654
Hunter-Lab	63.474, -3.062, 37.91
Binary	11001010, 10100111, 00011110

#caa71e
```
#caa71e rgb(202,167,30)
```
#1e41ca
```
#1e41ca rgb(30,65,202)
```

Complementary Color

#ca511e
```
#ca511e rgb(202,81,30)
```
#caa71e
```
#caa71e rgb(202,167,30)
```
#97ca1e
```
#97ca1e rgb(151,202,30)
```

Analogous Color

#511eca
```
#511eca rgb(81,30,202)
```
#caa71e
```
#caa71e rgb(202,167,30)
```
#1e97ca
```
#1e97ca rgb(30,151,202)
```

Split Complementary Color

#a71eca
```
#a71eca rgb(167,30,202)
```
#caa71e
```
#caa71e rgb(202,167,30)
```
#1ecaa7
```
#1ecaa7 rgb(30,202,167)
```

Triadic Color

#ca1e41
```
#ca1e41 rgb(202,30,65)
```
#caa71e
```
#caa71e rgb(202,167,30)
```
#1ecaa7
```
#1ecaa7 rgb(30,202,167)
```
#1e41ca
```
#1e41ca rgb(30,65,202)
```

Tetradic Color

#877014
```
#877014 rgb(135,112,20)
```
#9e8217
```
#9e8217 rgb(158,130,23)
```
#b4951b
```
#b4951b rgb(180,149,27)
```
#caa71e
```
#caa71e rgb(202,167,30)
```
#deb823
```
#deb823 rgb(222,184,35)
```
#e2bf39
```
#e2bf39 rgb(226,191,57)
```
#e5c750
```
#e5c750 rgb(229,199,80)
```

Monochromatic Color

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

#ca7c1e
```
#ca7c1e rgb(202,124,30)
```
#ca8a1e
```
#ca8a1e rgb(202,138,30)
```
#ca991e
```
#ca991e rgb(202,153,30)
```
#caa71e
```
#caa71e rgb(202,167,30)
```
#cab51e
```
#cab51e rgb(202,181,30)
```
#cac41e
```
#cac41e rgb(202,196,30)
```
#c2ca1e
```
#c2ca1e rgb(194,202,30)
```

Similar Colors

Text with hexadecimal color #caa71e

This text has a font color of #caa71e.

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

#caa71e background color

This paragraph has a background color of #caa71e.

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

#caa71e border color

This element has a border color of #caa71e.

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

CSS codes

.text {color:#caa71e;}

.background {background-color:#caa71e;}

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

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)
```
#52440c
```
#52440c rgb(82,68,12)
```
#64520f
```
#64520f rgb(100,82,15)
```
#756011
```
#756011 rgb(117,96,17)
```
#866f14
```
#866f14 rgb(134,111,20)
```
#977d16
```
#977d16 rgb(151,125,22)
```
#a88b19
```
#a88b19 rgb(168,139,25)
```
#b9991b
```
#b9991b rgb(185,153,27)
```
#caa71e
```
#caa71e rgb(202,167,30)
```
#dbb521
```
#dbb521 rgb(219,181,33)
```

Shade Color Variation

#e0bc2f
```
#e0bc2f rgb(224,188,47)
```
#e3c240
```
#e3c240 rgb(227,194,64)
```
#e5c751
```
#e5c751 rgb(229,199,81)
```
#e8cd62
```
#e8cd62 rgb(232,205,98)
```
#ead273
```
#ead273 rgb(234,210,115)
```
#edd885
```
#edd885 rgb(237,216,133)
```
#efdd96
```
#efdd96 rgb(239,221,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 #e5b703 is the most saturated one.

#7a776e
```
#7a776e rgb(122,119,110)
```
#837d65
```
#837d65 rgb(131,125,101)
```
#8c825c
```
#8c825c rgb(140,130,92)
```
#948754
```
#948754 rgb(148,135,84)
```
#9d8d4b
```
#9d8d4b rgb(157,141,75)
```
#a69242
```
#a69242 rgb(166,146,66)
```
#af9739
```
#af9739 rgb(175,151,57)
```
#b89c30
```
#b89c30 rgb(184,156,48)
```
#c1a227
```
#c1a227 rgb(193,162,39)
```
#caa71e
```
#caa71e rgb(202,167,30)
```
#d3ac15
```
#d3ac15 rgb(211,172,21)
```
#dcb20c
```
#dcb20c rgb(220,178,12)
```
#e5b703
```
#e5b703 rgb(229,183,3)
```

Tone Color Variation

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

#c3ae2a Protanopia 1% of men
#d9a62d Deuteranopia 1% of men
#d5a0ab Tritanopia 0.001% of the population

Trichromacy

#c5ac26 Protanomaly 1% of men, 0.01% of women
#d3a627 Deuteranomaly 6% of men, 0.4% of women
#d1a278 Tritanomaly 0.01% of the population

#caa71e hex color

#caa71e Color Information

#caa71e Color Conversion

Color Schemes with #caa71e

Alternatives to #caa71e

#caa71e Preview

Shades and Tints of #caa71e

Tones of #caa71e

Color Blindness Simulator