#caa53e hex color

In a RGB color space, hex #caa53e is composed of 79.2% red, 64.7% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 69.3% yellow and 20.8% black. It has a hue angle of 44.1 degrees, a saturation of 56.9% and a lightness of 51.8%. #caa53e color hex could be obtained by blending #ffff7c with #954b00. Closest websafe color is: #cc9933.

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

● #caa53e color description : Moderate orange.

The hexadecimal color #caa53e has RGB values of R:202, G:165, B:62 and CMYK values of C:0, M:0.18, Y:0.69, K:0.21. Its decimal value is 13280574.

Hex triplet	caa53e	`#caa53e`
RGB Decimal	202, 165, 62	`rgb(202,165,62)`
RGB Percent	79.2, 64.7, 24.3	`rgb(79.2%,64.7%,24.3%)`
CMYK	0, 18, 69, 21
HSL	44.1°, 56.9, 51.8	`hsl(44.1,56.9%,51.8%)`
HSV (or HSB)	44.1°, 69.3, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.338, 2.695, 56.287
XYZ	38.682, 39.816, 10.205
xyY	0.436, 0.449, 39.816
CIE-LCH	69.338, 56.352, 87.258
CIE-LUV	69.338, 30.915, 62.453
Hunter-Lab	63.1, -1, 34.581
Binary	11001010, 10100101, 00111110

#caa53e
```
#caa53e rgb(202,165,62)
```
#3e63ca
```
#3e63ca rgb(62,99,202)
```

Complementary Color

#ca5f3e
```
#ca5f3e rgb(202,95,62)
```
#caa53e
```
#caa53e rgb(202,165,62)
```
#a9ca3e
```
#a9ca3e rgb(169,202,62)
```

Analogous Color

#5f3eca
```
#5f3eca rgb(95,62,202)
```
#caa53e
```
#caa53e rgb(202,165,62)
```
#3ea9ca
```
#3ea9ca rgb(62,169,202)
```

Split Complementary Color

#a53eca
```
#a53eca rgb(165,62,202)
```
#caa53e
```
#caa53e rgb(202,165,62)
```
#3ecaa5
```
#3ecaa5 rgb(62,202,165)
```

Triadic Color

#ca3e63
```
#ca3e63 rgb(202,62,99)
```
#caa53e
```
#caa53e rgb(202,165,62)
```
#3ecaa5
```
#3ecaa5 rgb(62,202,165)
```
#3e63ca
```
#3e63ca rgb(62,99,202)
```

Tetradic Color

#937728
```
#937728 rgb(147,119,40)
```
#a7872e
```
#a7872e rgb(167,135,46)
```
#bb9733
```
#bb9733 rgb(187,151,51)
```
#caa53e
```
#caa53e rgb(202,165,62)
```
#cfae52
```
#cfae52 rgb(207,174,82)
```
#d5b866
```
#d5b866 rgb(213,184,102)
```
#dac17a
```
#dac17a rgb(218,193,122)
```

Monochromatic Color

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

#ca823e
```
#ca823e rgb(202,130,62)
```
#ca8e3e
```
#ca8e3e rgb(202,142,62)
```
#ca993e
```
#ca993e rgb(202,153,62)
```
#caa53e
```
#caa53e rgb(202,165,62)
```
#cab13e
```
#cab13e rgb(202,177,62)
```
#cabc3e
```
#cabc3e rgb(202,188,62)
```
#cac83e
```
#cac83e rgb(202,200,62)
```

Similar Colors

Text with hexadecimal color #caa53e

This text has a font color of #caa53e.

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

#caa53e background color

This paragraph has a background color of #caa53e.

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

#caa53e border color

This element has a border color of #caa53e.

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

CSS codes

.text {color:#caa53e;}

.background {background-color:#caa53e;}

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

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, #070602 is the darkest color, while #fdfbf7 is the lightest one.

#070602
```
#070602 rgb(7,6,2)
```
#161206
```
#161206 rgb(22,18,6)
```
#261f0a
```
#261f0a rgb(38,31,10)
```
#352b0f
```
#352b0f rgb(53,43,15)
```
#453713
```
#453713 rgb(69,55,19)
```
#544417
```
#544417 rgb(84,68,23)
```
#63501b
```
#63501b rgb(99,80,27)
```
#735d20
```
#735d20 rgb(115,93,32)
```
#826924
```
#826924 rgb(130,105,36)
```
#927628
```
#927628 rgb(146,118,40)
```
#a1822c
```
#a1822c rgb(161,130,44)
```
#b08f30
```
#b08f30 rgb(176,143,48)
```
#c09b35
```
#c09b35 rgb(192,155,53)
```

Shade Color Variation

#caa53e
```
#caa53e rgb(202,165,62)
```
#ceac4d
```
#ceac4d rgb(206,172,77)
```
#d2b35d
```
#d2b35d rgb(210,179,93)
```
#d7bb6c
```
#d7bb6c rgb(215,187,108)
```
#dbc27c
```
#dbc27c rgb(219,194,124)
```
#dfc98b
```
#dfc98b rgb(223,201,139)
```
#e3d09a
```
#e3d09a rgb(227,208,154)
```
#e8d7aa
```
#e8d7aa rgb(232,215,170)
```
#ecdeb9
```
#ecdeb9 rgb(236,222,185)
```
#f0e6c9
```
#f0e6c9 rgb(240,230,201)
```
#f4edd8
```
#f4edd8 rgb(244,237,216)
```
#f8f4e7
```
#f8f4e7 rgb(248,244,231)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#888680
```
#888680 rgb(136,134,128)
```
#918a77
```
#918a77 rgb(145,138,119)
```
#9b8f6d
```
#9b8f6d rgb(155,143,109)
```
#a49364
```
#a49364 rgb(164,147,100)
```
#ae985a
```
#ae985a rgb(174,152,90)
```
#b79c51
```
#b79c51 rgb(183,156,81)
```
#c1a147
```
#c1a147 rgb(193,161,71)
```
#caa53e
```
#caa53e rgb(202,165,62)
```
#d3a935
```
#d3a935 rgb(211,169,53)
```
#ddae2b
```
#ddae2b rgb(221,174,43)
```
#e6b222
```
#e6b222 rgb(230,178,34)
```
#f0b718
```
#f0b718 rgb(240,183,24)
```
#f9bb0f
```
#f9bb0f rgb(249,187,15)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#aca490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ad49 Protanopia 1% of men
#d6a549 Deuteranopia 1% of men
#d59faa Tritanopia 0.001% of the population

Trichromacy

#c4aa45 Protanomaly 1% of men, 0.01% of women
#d1a545 Deuteranomaly 6% of men, 0.4% of women
#d1a183 Tritanomaly 0.01% of the population

#caa53e hex color

#caa53e Color Information

#caa53e Color Conversion

Color Schemes with #caa53e

Alternatives to #caa53e

#caa53e Preview

Shades and Tints of #caa53e

Tones of #caa53e

Color Blindness Simulator