#caac22 hex color

In a RGB color space, hex #caac22 is composed of 79.2% red, 67.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.9% magenta, 83.2% yellow and 20.8% black. It has a hue angle of 49.3 degrees, a saturation of 71.2% and a lightness of 46.3%. #caac22 color hex could be obtained by blending #ffff44 with #955900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 79
- G 67
- B 13
RGB color chart
- C 0
- M 15
- Y 83
- K 21
CMYK color chart

● #caac22 color description : Strong yellow.

The hexadecimal color #caac22 has RGB values of R:202, G:172, B:34 and CMYK values of C:0, M:0.15, Y:0.83, K:0.21. Its decimal value is 13282338.

Hex triplet	caac22	`#caac22`
RGB Decimal	202, 172, 34	`rgb(202,172,34)`
RGB Percent	79.2, 67.5, 13.3	`rgb(79.2%,67.5%,13.3%)`
CMYK	0, 15, 83, 21
HSL	49.3°, 71.2, 46.3	`hsl(49.3,71.2%,46.3%)`
HSV (or HSB)	49.3°, 83.2, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.994, -2.166, 67.717
XYZ	39.399, 42.179, 7.579
xyY	0.442, 0.473, 42.179
CIE-LCH	70.994, 67.752, 91.832
CIE-LUV	70.994, 26.743, 71.993
Hunter-Lab	64.945, -5.367, 38.542
Binary	11001010, 10101100, 00100010

#caac22
```
#caac22 rgb(202,172,34)
```
#2240ca
```
#2240ca rgb(34,64,202)
```

Complementary Color

#ca5822
```
#ca5822 rgb(202,88,34)
```
#caac22
```
#caac22 rgb(202,172,34)
```
#94ca22
```
#94ca22 rgb(148,202,34)
```

Analogous Color

#5822ca
```
#5822ca rgb(88,34,202)
```
#caac22
```
#caac22 rgb(202,172,34)
```
#2294ca
```
#2294ca rgb(34,148,202)
```

Split Complementary Color

#ac22ca
```
#ac22ca rgb(172,34,202)
```
#caac22
```
#caac22 rgb(202,172,34)
```
#22caac
```
#22caac rgb(34,202,172)
```

Triadic Color

#ca2240
```
#ca2240 rgb(202,34,64)
```
#caac22
```
#caac22 rgb(202,172,34)
```
#22caac
```
#22caac rgb(34,202,172)
```
#2240ca
```
#2240ca rgb(34,64,202)
```

Tetradic Color

#897417
```
#897417 rgb(137,116,23)
```
#9e871b
```
#9e871b rgb(158,135,27)
```
#b4991e
```
#b4991e rgb(180,153,30)
```
#caac22
```
#caac22 rgb(202,172,34)
```
#dbbc2a
```
#dbbc2a rgb(219,188,42)
```
#dfc340
```
#dfc340 rgb(223,195,64)
```
#e3c956
```
#e3c956 rgb(227,201,86)
```

Monochromatic Color

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

#ca8222
```
#ca8222 rgb(202,130,34)
```
#ca9022
```
#ca9022 rgb(202,144,34)
```
#ca9e22
```
#ca9e22 rgb(202,158,34)
```
#caac22
```
#caac22 rgb(202,172,34)
```
#caba22
```
#caba22 rgb(202,186,34)
```
#cac822
```
#cac822 rgb(202,200,34)
```
#beca22
```
#beca22 rgb(190,202,34)
```

Similar Colors

Text with hexadecimal color #caac22

This text has a font color of #caac22.

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

#caac22 background color

This paragraph has a background color of #caac22.

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

#caac22 border color

This element has a border color of #caac22.

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

CSS codes

.text {color:#caac22;}

.background {background-color:#caac22;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110f03
```
#110f03 rgb(17,15,3)
```
#221d06
```
#221d06 rgb(34,29,6)
```
#332b09
```
#332b09 rgb(51,43,9)
```
#443a0b
```
#443a0b rgb(68,58,11)
```
#54480e
```
#54480e rgb(84,72,14)
```
#655611
```
#655611 rgb(101,86,17)
```
#766514
```
#766514 rgb(118,101,20)
```
#877317
```
#877317 rgb(135,115,23)
```
#98811a
```
#98811a rgb(152,129,26)
```
#a88f1c
```
#a88f1c rgb(168,143,28)
```
#b99e1f
```
#b99e1f rgb(185,158,31)
```
#caac22
```
#caac22 rgb(202,172,34)
```

Shade Color Variation

#daba25
```
#daba25 rgb(218,186,37)
```
#ddbf36
```
#ddbf36 rgb(221,191,54)
```
#e0c547
```
#e0c547 rgb(224,197,71)
```
#e3ca58
```
#e3ca58 rgb(227,202,88)
```
#e6cf68
```
#e6cf68 rgb(230,207,104)
```
#e8d579
```
#e8d579 rgb(232,213,121)
```
#ebda8a
```
#ebda8a rgb(235,218,138)
```
#eedf9b
```
#eedf9b rgb(238,223,155)
```
#f1e5ac
```
#f1e5ac rgb(241,229,172)
```
#f4eabc
```
#f4eabc rgb(244,234,188)
```
#f7efcd
```
#f7efcd rgb(247,239,205)
```
#f9f5de
```
#f9f5de rgb(249,245,222)
```
#fcfaef
```
#fcfaef rgb(252,250,239)
```

Tint Color Variation

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

#787774
```
#787774 rgb(120,119,116)
```
#817d6b
```
#817d6b rgb(129,125,107)
```
#8a8362
```
#8a8362 rgb(138,131,98)
```
#948958
```
#948958 rgb(148,137,88)
```
#9d8f4f
```
#9d8f4f rgb(157,143,79)
```
#a69546
```
#a69546 rgb(166,149,70)
```
#af9a3d
```
#af9a3d rgb(175,154,61)
```
#b8a034
```
#b8a034 rgb(184,160,52)
```
#c1a62b
```
#c1a62b rgb(193,166,43)
```
#caac22
```
#caac22 rgb(202,172,34)
```
#d3b219
```
#d3b219 rgb(211,178,25)
```
#dcb810
```
#dcb810 rgb(220,184,16)
```
#e5be07
```
#e5be07 rgb(229,190,7)
```

Tone Color Variation

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

Dichromacy

#c7b22e Protanopia 1% of men
#dda931 Deuteranopia 1% of men
#d6a4b0 Tritanopia 0.001% of the population

Trichromacy

#c8b029 Protanomaly 1% of men, 0.01% of women
#d6aa2c Deuteranomaly 6% of men, 0.4% of women
#d1a77c Tritanomaly 0.01% of the population

#caac22 hex color

#caac22 Color Information

#caac22 Color Conversion

Color Schemes with #caac22

Alternatives to #caac22

#caac22 Preview

Shades and Tints of #caac22

Tones of #caac22

Color Blindness Simulator