#caa63c hex color

In a RGB color space, hex #caa63c is composed of 79.2% red, 65.1% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 70.3% yellow and 20.8% black. It has a hue angle of 44.8 degrees, a saturation of 57.3% and a lightness of 51.4%. #caa63c color hex could be obtained by blending #ffff78 with #954d00. Closest websafe color is: #cc9933.

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

● #caa63c color description : Moderate orange.

The hexadecimal color #caa63c has RGB values of R:202, G:166, B:60 and CMYK values of C:0, M:0.18, Y:0.7, K:0.21. Its decimal value is 13280828.

Hex triplet	caa63c	`#caa63c`
RGB Decimal	202, 166, 60	`rgb(202,166,60)`
RGB Percent	79.2, 65.1, 23.5	`rgb(79.2%,65.1%,23.5%)`
CMYK	0, 18, 70, 21
HSL	44.8°, 57.3, 51.4	`hsl(44.8,57.3%,51.4%)`
HSV (or HSB)	44.8°, 70.3, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.581, 2.055, 57.374
XYZ	38.809, 40.157, 9.982
xyY	0.436, 0.451, 40.157
CIE-LCH	69.581, 57.41, 87.948
CIE-LUV	69.581, 30.281, 63.495
Hunter-Lab	63.369, -1.578, 35.02
Binary	11001010, 10100110, 00111100

#caa63c
```
#caa63c rgb(202,166,60)
```
#3c60ca
```
#3c60ca rgb(60,96,202)
```

Complementary Color

#ca5f3c
```
#ca5f3c rgb(202,95,60)
```
#caa63c
```
#caa63c rgb(202,166,60)
```
#a7ca3c
```
#a7ca3c rgb(167,202,60)
```

Analogous Color

#5f3cca
```
#5f3cca rgb(95,60,202)
```
#caa63c
```
#caa63c rgb(202,166,60)
```
#3ca7ca
```
#3ca7ca rgb(60,167,202)
```

Split Complementary Color

#a63cca
```
#a63cca rgb(166,60,202)
```
#caa63c
```
#caa63c rgb(202,166,60)
```
#3ccaa6
```
#3ccaa6 rgb(60,202,166)
```

Triadic Color

#ca3c60
```
#ca3c60 rgb(202,60,96)
```
#caa63c
```
#caa63c rgb(202,166,60)
```
#3ccaa6
```
#3ccaa6 rgb(60,202,166)
```
#3c60ca
```
#3c60ca rgb(60,96,202)
```

Tetradic Color

#927728
```
#927728 rgb(146,119,40)
```
#a6872d
```
#a6872d rgb(166,135,45)
```
#ba9833
```
#ba9833 rgb(186,152,51)
```
#caa63c
```
#caa63c rgb(202,166,60)
```
#cfaf50
```
#cfaf50 rgb(207,175,80)
```
#d5b864
```
#d5b864 rgb(213,184,100)
```
#dac178
```
#dac178 rgb(218,193,120)
```

Monochromatic Color

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

#ca833c
```
#ca833c rgb(202,131,60)
```
#ca8e3c
```
#ca8e3c rgb(202,142,60)
```
#ca9a3c
```
#ca9a3c rgb(202,154,60)
```
#caa63c
```
#caa63c rgb(202,166,60)
```
#cab23c
```
#cab23c rgb(202,178,60)
```
#cabe3c
```
#cabe3c rgb(202,190,60)
```
#caca3c
```
#caca3c rgb(202,202,60)
```

Similar Colors

Text with hexadecimal color #caa63c

This text has a font color of #caa63c.

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

#caa63c background color

This paragraph has a background color of #caa63c.

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

#caa63c border color

This element has a border color of #caa63c.

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

CSS codes

.text {color:#caa63c;}

.background {background-color:#caa63c;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#151106
```
#151106 rgb(21,17,6)
```
#241e0a
```
#241e0a rgb(36,30,10)
```
#342a0e
```
#342a0e rgb(52,42,14)
```
#433712
```
#433712 rgb(67,55,18)
```
#534316
```
#534316 rgb(83,67,22)
```
#62501b
```
#62501b rgb(98,80,27)
```
#715d1f
```
#715d1f rgb(113,93,31)
```
#816923
```
#816923 rgb(129,105,35)
```
#907627
```
#907627 rgb(144,118,39)
```
#a0822b
```
#a0822b rgb(160,130,43)
```
#af8f30
```
#af8f30 rgb(175,143,48)
```
#bf9b34
```
#bf9b34 rgb(191,155,52)
```

Shade Color Variation

#caa63c
```
#caa63c rgb(202,166,60)
```
#cead4b
```
#cead4b rgb(206,173,75)
```
#d2b45b
```
#d2b45b rgb(210,180,91)
```
#d7bb6a
```
#d7bb6a rgb(215,187,106)
```
#dbc27a
```
#dbc27a rgb(219,194,122)
```
#dfc989
```
#dfc989 rgb(223,201,137)
```
#e3d099
```
#e3d099 rgb(227,208,153)
```
#e7d7a8
```
#e7d7a8 rgb(231,215,168)
```
#ecdeb7
```
#ecdeb7 rgb(236,222,183)
```
#f0e5c7
```
#f0e5c7 rgb(240,229,199)
```
#f4ecd6
```
#f4ecd6 rgb(244,236,214)
```
#f8f3e6
```
#f8f3e6 rgb(248,243,230)
```
#fcfaf5
```
#fcfaf5 rgb(252,250,245)
```

Tint Color Variation

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

#87857f
```
#87857f rgb(135,133,127)
```
#918a75
```
#918a75 rgb(145,138,117)
```
#9a8e6c
```
#9a8e6c rgb(154,142,108)
```
#a49362
```
#a49362 rgb(164,147,98)
```
#ad9859
```
#ad9859 rgb(173,152,89)
```
#b79d4f
```
#b79d4f rgb(183,157,79)
```
#c0a146
```
#c0a146 rgb(192,161,70)
```
#caa63c
```
#caa63c rgb(202,166,60)
```
#d4ab32
```
#d4ab32 rgb(212,171,50)
```
#ddaf29
```
#ddaf29 rgb(221,175,41)
```
#e7b41f
```
#e7b41f rgb(231,180,31)
```
#f0b916
```
#f0b916 rgb(240,185,22)
```
#fabe0c
```
#fabe0c rgb(250,190,12)
```

Tone Color Variation

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

#c1ae47 Protanopia 1% of men
#d7a647 Deuteranopia 1% of men
#d5a0ab Tritanopia 0.001% of the population

Trichromacy

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

#caa63c hex color

#caa63c Color Information

#caa63c Color Conversion

Color Schemes with #caa63c

Alternatives to #caa63c

#caa63c Preview

Shades and Tints of #caa63c

Tones of #caa63c

Color Blindness Simulator