colorhexa.com

#cad221 hex color

In a RGB color space, hex #cad221 is composed of 79.2% red, 82.4% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 84.3% yellow and 17.6% black. It has a hue angle of 62.7 degrees, a saturation of 72.8% and a lightness of 47.6%. #cad221 color hex could be obtained by blending #ffff42 with #95a500. Closest websafe color is: #cccc33.

- R 79
- G 82
- B 13
RGB color chart
- C 4
- M 0
- Y 84
- K 18
CMYK color chart

● #cad221 color description : Strong yellow.

The hexadecimal color #cad221 has RGB values of R:202, G:210, B:33 and CMYK values of C:0.04, M:0, Y:0.84, K:0.18. Its decimal value is 13292065.

Hex triplet	cad221	`#cad221`
RGB Decimal	202, 210, 33	`rgb(202,210,33)`
RGB Percent	79.2, 82.4, 12.9	`rgb(79.2%,82.4%,12.9%)`
CMYK	4, 0, 84, 18
HSL	62.7°, 72.8, 47.6	`hsl(62.7,72.8%,47.6%)`
HSV (or HSB)	62.7°, 84.3, 82.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.16, -21.511, 76.479
XYZ	47.678, 58.76, 10.269
xyY	0.409, 0.503, 58.76
CIE-LCH	81.16, 79.447, 105.709
CIE-LUV	81.16, 0.889, 87.154
Hunter-Lab	76.655, -23.122, 45.716
Binary	11001010, 11010010, 00100001

#cad221
```
#cad221 rgb(202,210,33)
```
#2921d2
```
#2921d2 rgb(41,33,210)
```

Complementary Color

#d28221
```
#d28221 rgb(210,130,33)
```
#cad221
```
#cad221 rgb(202,210,33)
```
#72d221
```
#72d221 rgb(114,210,33)
```

Analogous Color

#8221d2
```
#8221d2 rgb(130,33,210)
```
#cad221
```
#cad221 rgb(202,210,33)
```
#2172d2
```
#2172d2 rgb(33,114,210)
```

Split Complementary Color

#d221ca
```
#d221ca rgb(210,33,202)
```
#cad221
```
#cad221 rgb(202,210,33)
```
#21cad2
```
#21cad2 rgb(33,202,210)
```

Triadic Color

#d22921
```
#d22921 rgb(210,41,33)
```
#cad221
```
#cad221 rgb(202,210,33)
```
#21cad2
```
#21cad2 rgb(33,202,210)
```
#2921d2
```
#2921d2 rgb(41,33,210)
```

Tetradic Color

#8a9017
```
#8a9017 rgb(138,144,23)
```
#a0a61a
```
#a0a61a rgb(160,166,26)
```
#b5bc1e
```
#b5bc1e rgb(181,188,30)
```
#cad221
```
#cad221 rgb(202,210,33)
```
#d6de2e
```
#d6de2e rgb(214,222,46)
```
#dbe244
```
#dbe244 rgb(219,226,68)
```
#dfe55a
```
#dfe55a rgb(223,229,90)
```

Monochromatic Color

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

#d2ae21
```
#d2ae21 rgb(210,174,33)
```
#d2bd21
```
#d2bd21 rgb(210,189,33)
```
#d2cb21
```
#d2cb21 rgb(210,203,33)
```
#cad221
```
#cad221 rgb(202,210,33)
```
#bbd221
```
#bbd221 rgb(187,210,33)
```
#add221
```
#add221 rgb(173,210,33)
```
#9ed221
```
#9ed221 rgb(158,210,33)
```

Similar Colors

Text with hexadecimal color #cad221

This text has a font color of #cad221.

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

#cad221 background color

This paragraph has a background color of #cad221.

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

#cad221 border color

This element has a border color of #cad221.

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

CSS codes

.text {color:#cad221;}

.background {background-color:#cad221;}

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

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

#060701
```
#060701 rgb(6,7,1)
```
#171804
```
#171804 rgb(23,24,4)
```
#272806
```
#272806 rgb(39,40,6)
```
#373909
```
#373909 rgb(55,57,9)
```
#484a0c
```
#484a0c rgb(72,74,12)
```
#585b0e
```
#585b0e rgb(88,91,14)
```
#686c11
```
#686c11 rgb(104,108,17)
```
#787d14
```
#787d14 rgb(120,125,20)
```
#898e16
```
#898e16 rgb(137,142,22)
```
#999f19
```
#999f19 rgb(153,159,25)
```
#a9b01c
```
#a9b01c rgb(169,176,28)
```
#bac11e
```
#bac11e rgb(186,193,30)
```
#cad221
```
#cad221 rgb(202,210,33)
```

Shade Color Variation

#d5dd29
```
#d5dd29 rgb(213,221,41)
```
#d9e03a
```
#d9e03a rgb(217,224,58)
```
#dce34b
```
#dce34b rgb(220,227,75)
```
#dfe55c
```
#dfe55c rgb(223,229,92)
```
#e2e86d
```
#e2e86d rgb(226,232,109)
```
#e6eb7e
```
#e6eb7e rgb(230,235,126)
```
#e9ed8f
```
#e9ed8f rgb(233,237,143)
```
#ecf0a0
```
#ecf0a0 rgb(236,240,160)
```
#f0f3b1
```
#f0f3b1 rgb(240,243,177)
```
#f3f5c2
```
#f3f5c2 rgb(243,245,194)
```
#f6f8d3
```
#f6f8d3 rgb(246,248,211)
```
#fafbe4
```
#fafbe4 rgb(250,251,228)
```
#fdfdf5
```
#fdfdf5 rgb(253,253,245)
```

Tint Color Variation

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

#7d7e75
```
#7d7e75 rgb(125,126,117)
```
#86876c
```
#86876c rgb(134,135,108)
```
#8e9162
```
#8e9162 rgb(142,145,98)
```
#979a59
```
#979a59 rgb(151,154,89)
```
#9fa350
```
#9fa350 rgb(159,163,80)
```
#a8ad46
```
#a8ad46 rgb(168,173,70)
```
#b0b63d
```
#b0b63d rgb(176,182,61)
```
#b9bf34
```
#b9bf34 rgb(185,191,52)
```
#c1c92a
```
#c1c92a rgb(193,201,42)
```
#cad221
```
#cad221 rgb(202,210,33)
```
#d3db18
```
#d3db18 rgb(211,219,24)
```
#dbe50e
```
#dbe50e rgb(219,229,14)
```
#e4ee05
```
#e4ee05 rgb(228,238,5)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bec09c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc2a Protanopia 1% of men
#fec239 Deuteranopia 1% of men
#dbc6d4 Tritanopia 0.001% of the population

Trichromacy

#dbce26 Protanomaly 1% of men, 0.01% of women
#ebc830 Deuteranomaly 6% of men, 0.4% of women
#d5ca93 Tritanomaly 0.01% of the population