#caa52e hex color

In a RGB color space, hex #caa52e is composed of 79.2% red, 64.7% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 77.2% yellow and 20.8% black. It has a hue angle of 45.8 degrees, a saturation of 62.9% and a lightness of 48.6%. #caa52e color hex could be obtained by blending #ffff5c with #954b00. Closest websafe color is: #cc9933.

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

● #caa52e color description : Strong yellow.

The hexadecimal color #caa52e has RGB values of R:202, G:165, B:46 and CMYK values of C:0, M:0.18, Y:0.77, K:0.21. Its decimal value is 13280558.

Hex triplet	caa52e	`#caa52e`
RGB Decimal	202, 165, 46	`rgb(202,165,46)`
RGB Percent	79.2, 64.7, 18	`rgb(79.2%,64.7%,18%)`
CMYK	0, 18, 77, 21
HSL	45.8°, 62.9, 48.6	`hsl(45.8,62.9%,48.6%)`
HSV (or HSB)	45.8°, 77.2, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.231, 1.954, 62.41
XYZ	38.306, 39.666, 8.223
xyY	0.444, 0.46, 39.666
CIE-LCH	69.231, 62.441, 88.207
CIE-LUV	69.231, 31.533, 66.812
Hunter-Lab	62.981, -1.65, 36.345
Binary	11001010, 10100101, 00101110

#caa52e
```
#caa52e rgb(202,165,46)
```
#2e53ca
```
#2e53ca rgb(46,83,202)
```

Complementary Color

#ca572e
```
#ca572e rgb(202,87,46)
```
#caa52e
```
#caa52e rgb(202,165,46)
```
#a1ca2e
```
#a1ca2e rgb(161,202,46)
```

Analogous Color

#572eca
```
#572eca rgb(87,46,202)
```
#caa52e
```
#caa52e rgb(202,165,46)
```
#2ea1ca
```
#2ea1ca rgb(46,161,202)
```

Split Complementary Color

#a52eca
```
#a52eca rgb(165,46,202)
```
#caa52e
```
#caa52e rgb(202,165,46)
```
#2ecaa5
```
#2ecaa5 rgb(46,202,165)
```

Triadic Color

#ca2e53
```
#ca2e53 rgb(202,46,83)
```
#caa52e
```
#caa52e rgb(202,165,46)
```
#2ecaa5
```
#2ecaa5 rgb(46,202,165)
```
#2e53ca
```
#2e53ca rgb(46,83,202)
```

Tetradic Color

#8c7220
```
#8c7220 rgb(140,114,32)
```
#a08325
```
#a08325 rgb(160,131,37)
```
#b59429
```
#b59429 rgb(181,148,41)
```
#caa52e
```
#caa52e rgb(202,165,46)
```
#d3b03e
```
#d3b03e rgb(211,176,62)
```
#d8b853
```
#d8b853 rgb(216,184,83)
```
#ddc168
```
#ddc168 rgb(221,193,104)
```

Monochromatic Color

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

#ca7e2e
```
#ca7e2e rgb(202,126,46)
```
#ca8b2e
```
#ca8b2e rgb(202,139,46)
```
#ca982e
```
#ca982e rgb(202,152,46)
```
#caa52e
```
#caa52e rgb(202,165,46)
```
#cab22e
```
#cab22e rgb(202,178,46)
```
#cabf2e
```
#cabf2e rgb(202,191,46)
```
#c8ca2e
```
#c8ca2e rgb(200,202,46)
```

Similar Colors

Text with hexadecimal color #caa52e

This text has a font color of #caa52e.

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

#caa52e background color

This paragraph has a background color of #caa52e.

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

#caa52e border color

This element has a border color of #caa52e.

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

CSS codes

.text {color:#caa52e;}

.background {background-color:#caa52e;}

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

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

#0a0802
```
#0a0802 rgb(10,8,2)
```
#1a1506
```
#1a1506 rgb(26,21,6)
```
#2a220a
```
#2a220a rgb(42,34,10)
```
#3a300d
```
#3a300d rgb(58,48,13)
```
#4a3d11
```
#4a3d11 rgb(74,61,17)
```
#5a4a15
```
#5a4a15 rgb(90,74,21)
```
#6a5718
```
#6a5718 rgb(106,87,24)
```
#7a641c
```
#7a641c rgb(122,100,28)
```
#8a711f
```
#8a711f rgb(138,113,31)
```
#9a7e23
```
#9a7e23 rgb(154,126,35)
```
#aa8b27
```
#aa8b27 rgb(170,139,39)
```
#ba982a
```
#ba982a rgb(186,152,42)
```
#caa52e
```
#caa52e rgb(202,165,46)
```

Shade Color Variation

#d2ae3a
```
#d2ae3a rgb(210,174,58)
```
#d6b44a
```
#d6b44a rgb(214,180,74)
```
#d9bb5a
```
#d9bb5a rgb(217,187,90)
```
#ddc26a
```
#ddc26a rgb(221,194,106)
```
#e1c879
```
#e1c879 rgb(225,200,121)
```
#e4cf89
```
#e4cf89 rgb(228,207,137)
```
#e8d599
```
#e8d599 rgb(232,213,153)
```
#ecdca9
```
#ecdca9 rgb(236,220,169)
```
#efe2b9
```
#efe2b9 rgb(239,226,185)
```
#f3e9c9
```
#f3e9c9 rgb(243,233,201)
```
#f6f0d9
```
#f6f0d9 rgb(246,240,217)
```
#faf6e9
```
#faf6e9 rgb(250,246,233)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#7e7d7a
```
#7e7d7a rgb(126,125,122)
```
#878271
```
#878271 rgb(135,130,113)
```
#918767
```
#918767 rgb(145,135,103)
```
#9a8c5e
```
#9a8c5e rgb(154,140,94)
```
#a49154
```
#a49154 rgb(164,145,84)
```
#ad964b
```
#ad964b rgb(173,150,75)
```
#b79b41
```
#b79b41 rgb(183,155,65)
```
#c0a038
```
#c0a038 rgb(192,160,56)
```
#caa52e
```
#caa52e rgb(202,165,46)
```
#d4aa24
```
#d4aa24 rgb(212,170,36)
```
#ddaf1b
```
#ddaf1b rgb(221,175,27)
```
#e7b411
```
#e7b411 rgb(231,180,17)
```
#f0b908
```
#f0b908 rgb(240,185,8)
```

Tone Color Variation

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

Dichromacy

#c1ad39 Protanopia 1% of men
#d7a53a Deuteranopia 1% of men
#d59faa Tritanopia 0.001% of the population

Trichromacy

#c4aa35 Protanomaly 1% of men, 0.01% of women
#d2a536 Deuteranomaly 6% of men, 0.4% of women
#d1a17d Tritanomaly 0.01% of the population

#caa52e hex color

#caa52e Color Information

#caa52e Color Conversion

Color Schemes with #caa52e

Alternatives to #caa52e

#caa52e Preview

Shades and Tints of #caa52e

Tones of #caa52e

Color Blindness Simulator