#caa216 hex color

In a RGB color space, hex #caa216 is composed of 79.2% red, 63.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.8% magenta, 89.1% yellow and 20.8% black. It has a hue angle of 46.7 degrees, a saturation of 80.4% and a lightness of 43.9%. #caa216 color hex could be obtained by blending #ffff2c with #954500. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 79
- G 64
- B 9
RGB color chart
- C 0
- M 20
- Y 89
- K 21
CMYK color chart

● #caa216 color description : Strong yellow.

The hexadecimal color #caa216 has RGB values of R:202, G:162, B:22 and CMYK values of C:0, M:0.2, Y:0.89, K:0.21. Its decimal value is 13279766.

Hex triplet	caa216	`#caa216`
RGB Decimal	202, 162, 22	`rgb(202,162,22)`
RGB Percent	79.2, 63.5, 8.6	`rgb(79.2%,63.5%,8.6%)`
CMYK	0, 20, 89, 21
HSL	46.7°, 80.4, 43.9	`hsl(46.7,80.4%,43.9%)`
HSV (or HSB)	46.7°, 89.1, 79.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.356, 2.865, 68.453
XYZ	37.423, 38.457, 6.211
xyY	0.456, 0.468, 38.457
CIE-LCH	68.356, 68.512, 87.604
CIE-LUV	68.356, 34.366, 69.778
Hunter-Lab	62.014, -0.806, 37.471
Binary	11001010, 10100010, 00010110

#caa216
```
#caa216 rgb(202,162,22)
```
#163eca
```
#163eca rgb(22,62,202)
```

Complementary Color

#ca4816
```
#ca4816 rgb(202,72,22)
```
#caa216
```
#caa216 rgb(202,162,22)
```
#98ca16
```
#98ca16 rgb(152,202,22)
```

Analogous Color

#4816ca
```
#4816ca rgb(72,22,202)
```
#caa216
```
#caa216 rgb(202,162,22)
```
#1698ca
```
#1698ca rgb(22,152,202)
```

Split Complementary Color

#a216ca
```
#a216ca rgb(162,22,202)
```
#caa216
```
#caa216 rgb(202,162,22)
```
#16caa2
```
#16caa2 rgb(22,202,162)
```

Triadic Color

#ca163e
```
#ca163e rgb(202,22,62)
```
#caa216
```
#caa216 rgb(202,162,22)
```
#16caa2
```
#16caa2 rgb(22,202,162)
```
#163eca
```
#163eca rgb(22,62,202)
```

Tetradic Color

#856b0e
```
#856b0e rgb(133,107,14)
```
#9c7d11
```
#9c7d11 rgb(156,125,17)
```
#b39013
```
#b39013 rgb(179,144,19)
```
#caa216
```
#caa216 rgb(202,162,22)
```
#e1b419
```
#e1b419 rgb(225,180,25)
```
#e8be2b
```
#e8be2b rgb(232,190,43)
```
#eac542
```
#eac542 rgb(234,197,66)
```

Monochromatic Color

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

#ca7516
```
#ca7516 rgb(202,117,22)
```
#ca8416
```
#ca8416 rgb(202,132,22)
```
#ca9316
```
#ca9316 rgb(202,147,22)
```
#caa216
```
#caa216 rgb(202,162,22)
```
#cab116
```
#cab116 rgb(202,177,22)
```
#cac016
```
#cac016 rgb(202,192,22)
```
#c5ca16
```
#c5ca16 rgb(197,202,22)
```

Similar Colors

Text with hexadecimal color #caa216

This text has a font color of #caa216.

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

#caa216 background color

This paragraph has a background color of #caa216.

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

#caa216 border color

This element has a border color of #caa216.

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

CSS codes

.text {color:#caa216;}

.background {background-color:#caa216;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#191403
```
#191403 rgb(25,20,3)
```
#2b2205
```
#2b2205 rgb(43,34,5)
```
#3c3107
```
#3c3107 rgb(60,49,7)
```
#4e3f09
```
#4e3f09 rgb(78,63,9)
```
#604d0a
```
#604d0a rgb(96,77,10)
```
#725b0c
```
#725b0c rgb(114,91,12)
```
#83690e
```
#83690e rgb(131,105,14)
```
#957710
```
#957710 rgb(149,119,16)
```
#a78612
```
#a78612 rgb(167,134,18)
```
#b89414
```
#b89414 rgb(184,148,20)
```
#caa216
```
#caa216 rgb(202,162,22)
```
#dcb018
```
#dcb018 rgb(220,176,24)
```

Shade Color Variation

#e7bb20
```
#e7bb20 rgb(231,187,32)
```
#e9c032
```
#e9c032 rgb(233,192,50)
```
#ebc644
```
#ebc644 rgb(235,198,68)
```
#edcb56
```
#edcb56 rgb(237,203,86)
```
#eed067
```
#eed067 rgb(238,208,103)
```
#f0d679
```
#f0d679 rgb(240,214,121)
```
#f2db8b
```
#f2db8b rgb(242,219,139)
```
#f4e19c
```
#f4e19c rgb(244,225,156)
```
#f6e6ae
```
#f6e6ae rgb(246,230,174)
```
#f8ecc0
```
#f8ecc0 rgb(248,236,192)
```
#faf1d1
```
#faf1d1 rgb(250,241,209)
```
#fcf6e3
```
#fcf6e3 rgb(252,246,227)
```
#fefcf5
```
#fefcf5 rgb(254,252,245)
```

Tint Color Variation

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

#74726c
```
#74726c rgb(116,114,108)
```
#7c7764
```
#7c7764 rgb(124,119,100)
```
#857c5b
```
#857c5b rgb(133,124,91)
```
#8e8052
```
#8e8052 rgb(142,128,82)
```
#96854a
```
#96854a rgb(150,133,74)
```
#9f8a41
```
#9f8a41 rgb(159,138,65)
```
#a88f38
```
#a88f38 rgb(168,143,56)
```
#b09430
```
#b09430 rgb(176,148,48)
```
#b99827
```
#b99827 rgb(185,152,39)
```
#c19d1f
```
#c19d1f rgb(193,157,31)
```
#caa216
```
#caa216 rgb(202,162,22)
```
#d3a70d
```
#d3a70d rgb(211,167,13)
```
#dbac05
```
#dbac05 rgb(219,172,5)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a79f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfab23 Protanopia 1% of men
#d5a325 Deuteranopia 1% of men
#d59ba6 Tritanopia 0.001% of the population

Trichromacy

#c3a81e Protanomaly 1% of men, 0.01% of women
#d1a21f Deuteranomaly 6% of men, 0.4% of women
#d19e72 Tritanomaly 0.01% of the population

#caa216 hex color

#caa216 Color Information

#caa216 Color Conversion

Color Schemes with #caa216

Alternatives to #caa216

#caa216 Preview

Shades and Tints of #caa216

Tones of #caa216

Color Blindness Simulator