#caa63e hex color

In a RGB color space, hex #caa63e is composed of 79.2% red, 65.1% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 69.3% yellow and 20.8% black. It has a hue angle of 44.6 degrees, a saturation of 56.9% and a lightness of 51.8%. #caa63e color hex could be obtained by blending #ffff7c with #954d00. 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

● #caa63e color description : Moderate orange.

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

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

CIE-LAB	69.596, 2.161, 56.553
XYZ	38.863, 40.178, 10.265
xyY	0.435, 0.45, 40.178
CIE-LCH	69.596, 56.595, 87.812
CIE-LUV	69.596, 30.195, 62.879
Hunter-Lab	63.386, -1.485, 34.769
Binary	11001010, 10100110, 00111110

#caa63e
```
#caa63e rgb(202,166,62)
```
#3e62ca
```
#3e62ca rgb(62,98,202)
```

Complementary Color

#ca603e
```
#ca603e rgb(202,96,62)
```
#caa63e
```
#caa63e rgb(202,166,62)
```
#a8ca3e
```
#a8ca3e rgb(168,202,62)
```

Analogous Color

#603eca
```
#603eca rgb(96,62,202)
```
#caa63e
```
#caa63e rgb(202,166,62)
```
#3ea8ca
```
#3ea8ca rgb(62,168,202)
```

Split Complementary Color

#a63eca
```
#a63eca rgb(166,62,202)
```
#caa63e
```
#caa63e rgb(202,166,62)
```
#3ecaa6
```
#3ecaa6 rgb(62,202,166)
```

Triadic Color

#ca3e62
```
#ca3e62 rgb(202,62,98)
```
#caa63e
```
#caa63e rgb(202,166,62)
```
#3ecaa6
```
#3ecaa6 rgb(62,202,166)
```
#3e62ca
```
#3e62ca rgb(62,98,202)
```

Tetradic Color

#937828
```
#937828 rgb(147,120,40)
```
#a7882e
```
#a7882e rgb(167,136,46)
```
#bb9833
```
#bb9833 rgb(187,152,51)
```
#caa63e
```
#caa63e rgb(202,166,62)
```
#cfaf52
```
#cfaf52 rgb(207,175,82)
```
#d5b866
```
#d5b866 rgb(213,184,102)
```
#dac27a
```
#dac27a rgb(218,194,122)
```

Monochromatic Color

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

#ca833e
```
#ca833e rgb(202,131,62)
```
#ca8f3e
```
#ca8f3e rgb(202,143,62)
```
#ca9a3e
```
#ca9a3e rgb(202,154,62)
```
#caa63e
```
#caa63e rgb(202,166,62)
```
#cab23e
```
#cab23e rgb(202,178,62)
```
#cabd3e
```
#cabd3e rgb(202,189,62)
```
#cac93e
```
#cac93e rgb(202,201,62)
```

Similar Colors

Text with hexadecimal color #caa63e

This text has a font color of #caa63e.

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

#caa63e background color

This paragraph has a background color of #caa63e.

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

#caa63e border color

This element has a border color of #caa63e.

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

CSS codes

.text {color:#caa63e;}

.background {background-color:#caa63e;}

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

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)
```
#453813
```
#453813 rgb(69,56,19)
```
#544417
```
#544417 rgb(84,68,23)
```
#63511b
```
#63511b rgb(99,81,27)
```
#735d20
```
#735d20 rgb(115,93,32)
```
#826a24
```
#826a24 rgb(130,106,36)
```
#927628
```
#927628 rgb(146,118,40)
```
#a1832c
```
#a1832c rgb(161,131,44)
```
#b08f30
```
#b08f30 rgb(176,143,48)
```
#c09c35
```
#c09c35 rgb(192,156,53)
```

Shade Color Variation

#caa63e
```
#caa63e rgb(202,166,62)
```
#cead4d
```
#cead4d rgb(206,173,77)
```
#d2b45d
```
#d2b45d rgb(210,180,93)
```
#d7bb6c
```
#d7bb6c rgb(215,187,108)
```
#dbc27c
```
#dbc27c rgb(219,194,124)
```
#dfc98b
```
#dfc98b rgb(223,201,139)
```
#e3d19a
```
#e3d19a rgb(227,209,154)
```
#e8d8aa
```
#e8d8aa rgb(232,216,170)
```
#ecdfb9
```
#ecdfb9 rgb(236,223,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 #f9bd0f is the most saturated one.

#888680
```
#888680 rgb(136,134,128)
```
#918a77
```
#918a77 rgb(145,138,119)
```
#9b8f6d
```
#9b8f6d rgb(155,143,109)
```
#a49464
```
#a49464 rgb(164,148,100)
```
#ae985a
```
#ae985a rgb(174,152,90)
```
#b79d51
```
#b79d51 rgb(183,157,81)
```
#c1a147
```
#c1a147 rgb(193,161,71)
```
#caa63e
```
#caa63e rgb(202,166,62)
```
#d3ab35
```
#d3ab35 rgb(211,171,53)
```
#ddaf2b
```
#ddaf2b rgb(221,175,43)
```
#e6b422
```
#e6b422 rgb(230,180,34)
```
#f0b818
```
#f0b818 rgb(240,184,24)
```
#f9bd0f
```
#f9bd0f rgb(249,189,15)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#aca590 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ae49 Protanopia 1% of men
#d7a649 Deuteranopia 1% of men
#d5a0ab Tritanopia 0.001% of the population

Trichromacy

#c4ab45 Protanomaly 1% of men, 0.01% of women
#d2a645 Deuteranomaly 6% of men, 0.4% of women
#d1a283 Tritanomaly 0.01% of the population

#caa63e hex color

#caa63e Color Information

#caa63e Color Conversion

Color Schemes with #caa63e

Alternatives to #caa63e

#caa63e Preview

Shades and Tints of #caa63e

Tones of #caa63e

Color Blindness Simulator