#cad22c hex color

In a RGB color space, hex #cad22c is composed of 79.2% red, 82.4% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 79% yellow and 17.6% black. It has a hue angle of 62.9 degrees, a saturation of 65.4% and a lightness of 49.8%. #cad22c color hex could be obtained by blending #ffff58 with #95a500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 79
- G 82
- B 17
RGB color chart
- C 4
- M 0
- Y 79
- K 18
CMYK color chart

● #cad22c color description : Strong yellow.

The hexadecimal color #cad22c has RGB values of R:202, G:210, B:44 and CMYK values of C:0.04, M:0, Y:0.79, K:0.18. Its decimal value is 13292076.

Hex triplet	cad22c	`#cad22c`
RGB Decimal	202, 210, 44	`rgb(202,210,44)`
RGB Percent	79.2, 82.4, 17.3	`rgb(79.2%,82.4%,17.3%)`
CMYK	4, 0, 79, 18
HSL	62.9°, 65.4, 49.8	`hsl(62.9,65.4%,49.8%)`
HSV (or HSB)	62.9°, 79, 82.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.199, -21.182, 73.827
XYZ	47.858, 58.832, 11.217
xyY	0.406, 0.499, 58.832
CIE-LCH	81.199, 76.806, 106.009
CIE-LUV	81.199, 0.785, 85.43
Hunter-Lab	76.702, -22.854, 45.021
Binary	11001010, 11010010, 00101100

#cad22c
```
#cad22c rgb(202,210,44)
```
#342cd2
```
#342cd2 rgb(52,44,210)
```

Complementary Color

#d2872c
```
#d2872c rgb(210,135,44)
```
#cad22c
```
#cad22c rgb(202,210,44)
```
#77d22c
```
#77d22c rgb(119,210,44)
```

Analogous Color

#872cd2
```
#872cd2 rgb(135,44,210)
```
#cad22c
```
#cad22c rgb(202,210,44)
```
#2c77d2
```
#2c77d2 rgb(44,119,210)
```

Split Complementary Color

#d22cca
```
#d22cca rgb(210,44,202)
```
#cad22c
```
#cad22c rgb(202,210,44)
```
#2ccad2
```
#2ccad2 rgb(44,202,210)
```

Triadic Color

#d2342c
```
#d2342c rgb(210,52,44)
```
#cad22c
```
#cad22c rgb(202,210,44)
```
#2ccad2
```
#2ccad2 rgb(44,202,210)
```
#342cd2
```
#342cd2 rgb(52,44,210)
```

Tetradic Color

#8d931f
```
#8d931f rgb(141,147,31)
```
#a1a823
```
#a1a823 rgb(161,168,35)
```
#b6bd28
```
#b6bd28 rgb(182,189,40)
```
#cad22c
```
#cad22c rgb(202,210,44)
```
#d0d740
```
#d0d740 rgb(208,215,64)
```
#d5db56
```
#d5db56 rgb(213,219,86)
```
#dae06b
```
#dae06b rgb(218,224,107)
```

Monochromatic Color

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

#d2b12c
```
#d2b12c rgb(210,177,44)
```
#d2be2c
```
#d2be2c rgb(210,190,44)
```
#d2cc2c
```
#d2cc2c rgb(210,204,44)
```
#cad22c
```
#cad22c rgb(202,210,44)
```
#bcd22c
```
#bcd22c rgb(188,210,44)
```
#aed22c
```
#aed22c rgb(174,210,44)
```
#a1d22c
```
#a1d22c rgb(161,210,44)
```

Similar Colors

Text with hexadecimal color #cad22c

This text has a font color of #cad22c.

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

#cad22c background color

This paragraph has a background color of #cad22c.

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

#cad22c border color

This element has a border color of #cad22c.

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

CSS codes

.text {color:#cad22c;}

.background {background-color:#cad22c;}

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

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, #0f0f03 is the darkest color, while #fffffe is the lightest one.

#0f0f03
```
#0f0f03 rgb(15,15,3)
```
#1e2007
```
#1e2007 rgb(30,32,7)
```
#2e300a
```
#2e300a rgb(46,48,10)
```
#3e400d
```
#3e400d rgb(62,64,13)
```
#4d5011
```
#4d5011 rgb(77,80,17)
```
#5d6014
```
#5d6014 rgb(93,96,20)
```
#6c7118
```
#6c7118 rgb(108,113,24)
```
#7c811b
```
#7c811b rgb(124,129,27)
```
#8c911e
```
#8c911e rgb(140,145,30)
```
#9ba122
```
#9ba122 rgb(155,161,34)
```
#abb225
```
#abb225 rgb(171,178,37)
```
#bac229
```
#bac229 rgb(186,194,41)
```
#cad22c
```
#cad22c rgb(202,210,44)
```

Shade Color Variation

#cfd63c
```
#cfd63c rgb(207,214,60)
```
#d3d94c
```
#d3d94c rgb(211,217,76)
```
#d7dd5c
```
#d7dd5c rgb(215,221,92)
```
#dbe06c
```
#dbe06c rgb(219,224,108)
```
#dfe47c
```
#dfe47c rgb(223,228,124)
```
#e3e78d
```
#e3e78d rgb(227,231,141)
```
#e7ea9d
```
#e7ea9d rgb(231,234,157)
```
#ebeead
```
#ebeead rgb(235,238,173)
```
#eff1bd
```
#eff1bd rgb(239,241,189)
```
#f3f5ce
```
#f3f5ce rgb(243,245,206)
```
#f7f8de
```
#f7f8de rgb(247,248,222)
```
#fbfbee
```
#fbfbee rgb(251,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#83847a
```
#83847a rgb(131,132,122)
```
#8c8e70
```
#8c8e70 rgb(140,142,112)
```
#959767
```
#959767 rgb(149,151,103)
```
#9ea15d
```
#9ea15d rgb(158,161,93)
```
#a7ab53
```
#a7ab53 rgb(167,171,83)
```
#b0b549
```
#b0b549 rgb(176,181,73)
```
#b8be40
```
#b8be40 rgb(184,190,64)
```
#c1c836
```
#c1c836 rgb(193,200,54)
```
#cad22c
```
#cad22c rgb(202,210,44)
```
#d3dc22
```
#d3dc22 rgb(211,220,34)
```
#dce618
```
#dce618 rgb(220,230,24)
```
#e4ef0f
```
#e4ef0f rgb(228,239,15)
```
#edf905
```
#edf905 rgb(237,249,5)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c0c1a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc35 Protanopia 1% of men
#fec241 Deuteranopia 1% of men
#dbc6d4 Tritanopia 0.001% of the population

Trichromacy

#dbce31 Protanomaly 1% of men, 0.01% of women
#ebc839 Deuteranomaly 6% of men, 0.4% of women
#d5ca97 Tritanomaly 0.01% of the population

#cad22c hex color

#cad22c Color Information

#cad22c Color Conversion

Color Schemes with #cad22c

Alternatives to #cad22c

#cad22c Preview

Shades and Tints of #cad22c

Tones of #cad22c

Color Blindness Simulator