#caa83a hex color

In a RGB color space, hex #caa83a is composed of 79.2% red, 65.9% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.8% magenta, 71.3% yellow and 20.8% black. It has a hue angle of 45.8 degrees, a saturation of 57.6% and a lightness of 51%. #caa83a color hex could be obtained by blending #ffff74 with #955100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 79
- G 66
- B 23
RGB color chart
- C 0
- M 17
- Y 71
- K 21
CMYK color chart

● #caa83a color description : Moderate yellow.

The hexadecimal color #caa83a has RGB values of R:202, G:168, B:58 and CMYK values of C:0, M:0.17, Y:0.71, K:0.21. Its decimal value is 13281338.

Hex triplet	caa83a	`#caa83a`
RGB Decimal	202, 168, 58	`rgb(202,168,58)`
RGB Percent	79.2, 65.9, 22.7	`rgb(79.2%,65.9%,22.7%)`
CMYK	0, 17, 71, 21
HSL	45.8°, 57.6, 51	`hsl(45.8,57.6%,51%)`
HSV (or HSB)	45.8°, 71.3, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.084, 0.887, 58.698
XYZ	39.124, 40.869, 9.831
xyY	0.436, 0.455, 40.869
CIE-LCH	70.084, 58.705, 89.134
CIE-LUV	70.084, 28.922, 64.931
Hunter-Lab	63.929, -2.635, 35.633
Binary	11001010, 10101000, 00111010

#caa83a
```
#caa83a rgb(202,168,58)
```
#3a5cca
```
#3a5cca rgb(58,92,202)
```

Complementary Color

#ca603a
```
#ca603a rgb(202,96,58)
```
#caa83a
```
#caa83a rgb(202,168,58)
```
#a4ca3a
```
#a4ca3a rgb(164,202,58)
```

Analogous Color

#603aca
```
#603aca rgb(96,58,202)
```
#caa83a
```
#caa83a rgb(202,168,58)
```
#3aa4ca
```
#3aa4ca rgb(58,164,202)
```

Split Complementary Color

#a83aca
```
#a83aca rgb(168,58,202)
```
#caa83a
```
#caa83a rgb(202,168,58)
```
#3acaa8
```
#3acaa8 rgb(58,202,168)
```

Triadic Color

#ca3a5c
```
#ca3a5c rgb(202,58,92)
```
#caa83a
```
#caa83a rgb(202,168,58)
```
#3acaa8
```
#3acaa8 rgb(58,202,168)
```
#3a5cca
```
#3a5cca rgb(58,92,202)
```

Tetradic Color

#917827
```
#917827 rgb(145,120,39)
```
#a5882c
```
#a5882c rgb(165,136,44)
```
#b99932
```
#b99932 rgb(185,153,50)
```
#caa83a
```
#caa83a rgb(202,168,58)
```
#cfb14e
```
#cfb14e rgb(207,177,78)
```
#d5ba62
```
#d5ba62 rgb(213,186,98)
```
#dac376
```
#dac376 rgb(218,195,118)
```

Monochromatic Color

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

#ca843a
```
#ca843a rgb(202,132,58)
```
#ca903a
```
#ca903a rgb(202,144,58)
```
#ca9c3a
```
#ca9c3a rgb(202,156,58)
```
#caa83a
```
#caa83a rgb(202,168,58)
```
#cab43a
```
#cab43a rgb(202,180,58)
```
#cac03a
```
#cac03a rgb(202,192,58)
```
#c8ca3a
```
#c8ca3a rgb(200,202,58)
```

Similar Colors

Text with hexadecimal color #caa83a

This text has a font color of #caa83a.

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

#caa83a background color

This paragraph has a background color of #caa83a.

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

#caa83a border color

This element has a border color of #caa83a.

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

CSS codes

.text {color:#caa83a;}

.background {background-color:#caa83a;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#131005
```
#131005 rgb(19,16,5)
```
#231d09
```
#231d09 rgb(35,29,9)
```
#322a0e
```
#322a0e rgb(50,42,14)
```
#423612
```
#423612 rgb(66,54,18)
```
#514316
```
#514316 rgb(81,67,22)
```
#61501a
```
#61501a rgb(97,80,26)
```
#705d1e
```
#705d1e rgb(112,93,30)
```
#806a22
```
#806a22 rgb(128,106,34)
```
#8f7626
```
#8f7626 rgb(143,118,38)
```
#9f832b
```
#9f832b rgb(159,131,43)
```
#ae902f
```
#ae902f rgb(174,144,47)
```
#bd9d33
```
#bd9d33 rgb(189,157,51)
```

Shade Color Variation

#caa83a
```
#caa83a rgb(202,168,58)
```
#ceaf49
```
#ceaf49 rgb(206,175,73)
```
#d2b659
```
#d2b659 rgb(210,182,89)
```
#d6bc68
```
#d6bc68 rgb(214,188,104)
```
#dbc378
```
#dbc378 rgb(219,195,120)
```
#dfca87
```
#dfca87 rgb(223,202,135)
```
#e3d197
```
#e3d197 rgb(227,209,151)
```
#e7d8a6
```
#e7d8a6 rgb(231,216,166)
```
#ebdfb6
```
#ebdfb6 rgb(235,223,182)
```
#efe5c5
```
#efe5c5 rgb(239,229,197)
```
#f4ecd5
```
#f4ecd5 rgb(244,236,213)
```
#f8f3e4
```
#f8f3e4 rgb(248,243,228)
```
#fcfaf3
```
#fcfaf3 rgb(252,250,243)
```

Tint Color Variation

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

#87847d
```
#87847d rgb(135,132,125)
```
#908a74
```
#908a74 rgb(144,138,116)
```
#9a8f6a
```
#9a8f6a rgb(154,143,106)
```
#a49460
```
#a49460 rgb(164,148,96)
```
#ad9957
```
#ad9957 rgb(173,153,87)
```
#b79e4d
```
#b79e4d rgb(183,158,77)
```
#c0a344
```
#c0a344 rgb(192,163,68)
```
#caa83a
```
#caa83a rgb(202,168,58)
```
#d4ad30
```
#d4ad30 rgb(212,173,48)
```
#ddb227
```
#ddb227 rgb(221,178,39)
```
#e7b71d
```
#e7b71d rgb(231,183,29)
```
#f0bc14
```
#f0bc14 rgb(240,188,20)
```
#fac10a
```
#fac10a rgb(250,193,10)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#ada690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af45 Protanopia 1% of men
#d9a746 Deuteranopia 1% of men
#d5a2ad Tritanopia 0.001% of the population

Trichromacy

#c5ad41 Protanomaly 1% of men, 0.01% of women
#d3a741 Deuteranomaly 6% of men, 0.4% of women
#d1a483 Tritanomaly 0.01% of the population

#caa83a hex color

#caa83a Color Information

#caa83a Color Conversion

Color Schemes with #caa83a

Alternatives to #caa83a

#caa83a Preview

Shades and Tints of #caa83a

Tones of #caa83a

Color Blindness Simulator