#caaf22 hex color

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

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

● #caaf22 color description : Strong yellow.

The hexadecimal color #caaf22 has RGB values of R:202, G:175, B:34 and CMYK values of C:0, M:0.13, Y:0.83, K:0.21. Its decimal value is 13283106.

Hex triplet	caaf22	`#caaf22`
RGB Decimal	202, 175, 34	`rgb(202,175,34)`
RGB Percent	79.2, 68.6, 13.3	`rgb(79.2%,68.6%,13.3%)`
CMYK	0, 13, 83, 21
HSL	50.4°, 71.2, 46.3	`hsl(50.4,71.2%,46.3%)`
HSV (or HSB)	50.4°, 83.2, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.781, -3.745, 68.383
XYZ	39.976, 43.333, 7.772
xyY	0.439, 0.476, 43.333
CIE-LCH	71.781, 68.485, 93.135
CIE-LUV	71.781, 24.578, 73.182
Hunter-Lab	65.828, -6.799, 39.08
Binary	11001010, 10101111, 00100010

#caaf22
```
#caaf22 rgb(202,175,34)
```
#223dca
```
#223dca rgb(34,61,202)
```

Complementary Color

#ca5b22
```
#ca5b22 rgb(202,91,34)
```
#caaf22
```
#caaf22 rgb(202,175,34)
```
#91ca22
```
#91ca22 rgb(145,202,34)
```

Analogous Color

#5b22ca
```
#5b22ca rgb(91,34,202)
```
#caaf22
```
#caaf22 rgb(202,175,34)
```
#2291ca
```
#2291ca rgb(34,145,202)
```

Split Complementary Color

#af22ca
```
#af22ca rgb(175,34,202)
```
#caaf22
```
#caaf22 rgb(202,175,34)
```
#22caaf
```
#22caaf rgb(34,202,175)
```

Triadic Color

#ca223d
```
#ca223d rgb(202,34,61)
```
#caaf22
```
#caaf22 rgb(202,175,34)
```
#22caaf
```
#22caaf rgb(34,202,175)
```
#223dca
```
#223dca rgb(34,61,202)
```

Tetradic Color

#897617
```
#897617 rgb(137,118,23)
```
#9e891b
```
#9e891b rgb(158,137,27)
```
#b49c1e
```
#b49c1e rgb(180,156,30)
```
#caaf22
```
#caaf22 rgb(202,175,34)
```
#dbbf2a
```
#dbbf2a rgb(219,191,42)
```
#dfc540
```
#dfc540 rgb(223,197,64)
```
#e3cc56
```
#e3cc56 rgb(227,204,86)
```

Monochromatic Color

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

#ca8522
```
#ca8522 rgb(202,133,34)
```
#ca9322
```
#ca9322 rgb(202,147,34)
```
#caa122
```
#caa122 rgb(202,161,34)
```
#caaf22
```
#caaf22 rgb(202,175,34)
```
#cabd22
```
#cabd22 rgb(202,189,34)
```
#c9ca22
```
#c9ca22 rgb(201,202,34)
```
#bbca22
```
#bbca22 rgb(187,202,34)
```

Similar Colors

Text with hexadecimal color #caaf22

This text has a font color of #caaf22.

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

#caaf22 background color

This paragraph has a background color of #caaf22.

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

#caaf22 border color

This element has a border color of #caaf22.

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

CSS codes

.text {color:#caaf22;}

.background {background-color:#caaf22;}

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

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)
```
#221e06
```
#221e06 rgb(34,30,6)
```
#332c09
```
#332c09 rgb(51,44,9)
```
#443b0b
```
#443b0b rgb(68,59,11)
```
#54490e
```
#54490e rgb(84,73,14)
```
#655811
```
#655811 rgb(101,88,17)
```
#766614
```
#766614 rgb(118,102,20)
```
#877517
```
#877517 rgb(135,117,23)
```
#98831a
```
#98831a rgb(152,131,26)
```
#a8921c
```
#a8921c rgb(168,146,28)
```
#b9a01f
```
#b9a01f rgb(185,160,31)
```
#caaf22
```
#caaf22 rgb(202,175,34)
```

Shade Color Variation

#dabd25
```
#dabd25 rgb(218,189,37)
```
#ddc236
```
#ddc236 rgb(221,194,54)
```
#e0c747
```
#e0c747 rgb(224,199,71)
```
#e3cc58
```
#e3cc58 rgb(227,204,88)
```
#e6d268
```
#e6d268 rgb(230,210,104)
```
#e8d779
```
#e8d779 rgb(232,215,121)
```
#ebdc8a
```
#ebdc8a rgb(235,220,138)
```
#eee19b
```
#eee19b rgb(238,225,155)
```
#f1e6ac
```
#f1e6ac rgb(241,230,172)
```
#f4ebbc
```
#f4ebbc rgb(244,235,188)
```
#f7f0cd
```
#f7f0cd rgb(247,240,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, #787874 is the less saturated color, while #e5c107 is the most saturated one.

#787874
```
#787874 rgb(120,120,116)
```
#817e6b
```
#817e6b rgb(129,126,107)
```
#8a8462
```
#8a8462 rgb(138,132,98)
```
#948a58
```
#948a58 rgb(148,138,88)
```
#9d904f
```
#9d904f rgb(157,144,79)
```
#a69646
```
#a69646 rgb(166,150,70)
```
#af9d3d
```
#af9d3d rgb(175,157,61)
```
#b8a334
```
#b8a334 rgb(184,163,52)
```
#c1a92b
```
#c1a92b rgb(193,169,43)
```
#caaf22
```
#caaf22 rgb(202,175,34)
```
#d3b519
```
#d3b519 rgb(211,181,25)
```
#dcbb10
```
#dcbb10 rgb(220,187,16)
```
#e5c107
```
#e5c107 rgb(229,193,7)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aea98c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b42d Protanopia 1% of men
#e0ab32 Deuteranopia 1% of men
#d6a7b3 Tritanopia 0.001% of the population

Trichromacy

#c9b229 Protanomaly 1% of men, 0.01% of women
#d8ac2c Deuteranomaly 6% of men, 0.4% of women
#d2aa7e Tritanomaly 0.01% of the population

#caaf22 hex color

#caaf22 Color Information

#caaf22 Color Conversion

Color Schemes with #caaf22

Alternatives to #caaf22

#caaf22 Preview

Shades and Tints of #caaf22

Tones of #caaf22

Color Blindness Simulator