#caa828 hex color

In a RGB color space, hex #caa828 is composed of 79.2% red, 65.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.8% magenta, 80.2% yellow and 20.8% black. It has a hue angle of 47.4 degrees, a saturation of 66.9% and a lightness of 47.5%. #caa828 color hex could be obtained by blending #ffff50 with #955100. Closest websafe color is: #cc9933.

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

● #caa828 color description : Strong yellow.

The hexadecimal color #caa828 has RGB values of R:202, G:168, B:40 and CMYK values of C:0, M:0.17, Y:0.8, K:0.21. Its decimal value is 13281320.

Hex triplet	caa828	`#caa828`
RGB Decimal	202, 168, 40	`rgb(202,168,40)`
RGB Percent	79.2, 65.9, 15.7	`rgb(79.2%,65.9%,15.7%)`
CMYK	0, 17, 80, 21
HSL	47.4°, 66.9, 47.5	`hsl(47.4,66.9%,47.5%)`
HSV (or HSB)	47.4°, 80.2, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.977, 0.138, 65.081
XYZ	38.743, 40.717, 7.826
xyY	0.444, 0.466, 40.717
CIE-LCH	69.977, 65.082, 89.878
CIE-LUV	69.977, 29.513, 69.31
Hunter-Lab	63.81, -3.287, 37.395
Binary	11001010, 10101000, 00101000

#caa828
```
#caa828 rgb(202,168,40)
```
#284aca
```
#284aca rgb(40,74,202)
```

Complementary Color

#ca5728
```
#ca5728 rgb(202,87,40)
```
#caa828
```
#caa828 rgb(202,168,40)
```
#9bca28
```
#9bca28 rgb(155,202,40)
```

Analogous Color

#5728ca
```
#5728ca rgb(87,40,202)
```
#caa828
```
#caa828 rgb(202,168,40)
```
#289bca
```
#289bca rgb(40,155,202)
```

Split Complementary Color

#a828ca
```
#a828ca rgb(168,40,202)
```
#caa828
```
#caa828 rgb(202,168,40)
```
#28caa8
```
#28caa8 rgb(40,202,168)
```

Triadic Color

#ca284a
```
#ca284a rgb(202,40,74)
```
#caa828
```
#caa828 rgb(202,168,40)
```
#28caa8
```
#28caa8 rgb(40,202,168)
```
#284aca
```
#284aca rgb(40,74,202)
```

Tetradic Color

#8a731b
```
#8a731b rgb(138,115,27)
```
#9f8520
```
#9f8520 rgb(159,133,32)
```
#b59624
```
#b59624 rgb(181,150,36)
```
#caa828
```
#caa828 rgb(202,168,40)
```
#d7b535
```
#d7b535 rgb(215,181,53)
```
#dbbd4a
```
#dbbd4a rgb(219,189,74)
```
#dfc45f
```
#dfc45f rgb(223,196,95)
```

Monochromatic Color

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

#ca8028
```
#ca8028 rgb(202,128,40)
```
#ca8d28
```
#ca8d28 rgb(202,141,40)
```
#ca9b28
```
#ca9b28 rgb(202,155,40)
```
#caa828
```
#caa828 rgb(202,168,40)
```
#cab628
```
#cab628 rgb(202,182,40)
```
#cac328
```
#cac328 rgb(202,195,40)
```
#c4ca28
```
#c4ca28 rgb(196,202,40)
```

Similar Colors

Text with hexadecimal color #caa828

This text has a font color of #caa828.

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

#caa828 background color

This paragraph has a background color of #caa828.

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

#caa828 border color

This element has a border color of #caa828.

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

CSS codes

.text {color:#caa828;}

.background {background-color:#caa828;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#161204
```
#161204 rgb(22,18,4)
```
#262008
```
#262008 rgb(38,32,8)
```
#372d0b
```
#372d0b rgb(55,45,11)
```
#473b0e
```
#473b0e rgb(71,59,14)
```
#574911
```
#574911 rgb(87,73,17)
```
#685615
```
#685615 rgb(104,86,21)
```
#786418
```
#786418 rgb(120,100,24)
```
#89721b
```
#89721b rgb(137,114,27)
```
#997f1e
```
#997f1e rgb(153,127,30)
```
#a98d22
```
#a98d22 rgb(169,141,34)
```
#ba9a25
```
#ba9a25 rgb(186,154,37)
```
#caa828
```
#caa828 rgb(202,168,40)
```

Shade Color Variation

#d6b330
```
#d6b330 rgb(214,179,48)
```
#d9b940
```
#d9b940 rgb(217,185,64)
```
#dcbf50
```
#dcbf50 rgb(220,191,80)
```
#e0c561
```
#e0c561 rgb(224,197,97)
```
#e3cb71
```
#e3cb71 rgb(227,203,113)
```
#e6d182
```
#e6d182 rgb(230,209,130)
```
#e9d792
```
#e9d792 rgb(233,215,146)
```
#eddda2
```
#eddda2 rgb(237,221,162)
```
#f0e3b3
```
#f0e3b3 rgb(240,227,179)
```
#f3e9c3
```
#f3e9c3 rgb(243,233,195)
```
#f6efd3
```
#f6efd3 rgb(246,239,211)
```
#faf5e4
```
#faf5e4 rgb(250,245,228)
```
#fdfbf4
```
#fdfbf4 rgb(253,251,244)
```

Tint Color Variation

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

#807d72
```
#807d72 rgb(128,125,114)
```
#898269
```
#898269 rgb(137,130,105)
```
#928860
```
#928860 rgb(146,136,96)
```
#9b8d57
```
#9b8d57 rgb(155,141,87)
```
#a5924d
```
#a5924d rgb(165,146,77)
```
#ae9844
```
#ae9844 rgb(174,152,68)
```
#b79d3b
```
#b79d3b rgb(183,157,59)
```
#c1a331
```
#c1a331 rgb(193,163,49)
```
#caa828
```
#caa828 rgb(202,168,40)
```
#d3ad1f
```
#d3ad1f rgb(211,173,31)
```
#ddb315
```
#ddb315 rgb(221,179,21)
```
#e6b80c
```
#e6b80c rgb(230,184,12)
```
#efbe03
```
#efbe03 rgb(239,190,3)
```

Tone Color Variation

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

Dichromacy

#c3af34 Protanopia 1% of men
#daa736 Deuteranopia 1% of men
#d5a1ac Tritanopia 0.001% of the population

Trichromacy

#c6ac2f Protanomaly 1% of men, 0.01% of women
#d4a730 Deuteranomaly 6% of men, 0.4% of women
#d1a37c Tritanomaly 0.01% of the population

#caa828 hex color

#caa828 Color Information

#caa828 Color Conversion

Color Schemes with #caa828

Alternatives to #caa828

#caa828 Preview

Shades and Tints of #caa828

Tones of #caa828

Color Blindness Simulator