#caed22 hex color

In a RGB color space, hex #caed22 is composed of 79.2% red, 92.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 0% magenta, 85.7% yellow and 7.1% black. It has a hue angle of 70.3 degrees, a saturation of 84.9% and a lightness of 53.1%. #caed22 color hex could be obtained by blending #ffff44 with #95db00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 93
- B 13
RGB color chart
- C 15
- M 0
- Y 86
- K 7
CMYK color chart

● #caed22 color description : Vivid yellow.

The hexadecimal color #caed22 has RGB values of R:202, G:237, B:34 and CMYK values of C:0.15, M:0, Y:0.86, K:0.07. Its decimal value is 13298978.

Hex triplet	caed22	`#caed22`
RGB Decimal	202, 237, 34	`rgb(202,237,34)`
RGB Percent	79.2, 92.9, 13.3	`rgb(79.2%,92.9%,13.3%)`
CMYK	15, 0, 86, 7
HSL	70.3°, 84.9, 53.1	`hsl(70.3,84.9%,53.1%)`
HSV (or HSB)	70.3°, 85.7, 92.9
Web Safe	ccff33	`#ccff33`

CIE-LAB	88.562, -34.22, 82.417
XYZ	54.93, 73.24, 12.756
xyY	0.39, 0.52, 73.24
CIE-LCH	88.562, 89.239, 112.549
CIE-LUV	88.562, -15.521, 97.566
Hunter-Lab	85.58, -35.196, 51.069
Binary	11001010, 11101101, 00100010

#caed22
```
#caed22 rgb(202,237,34)
```
#4522ed
```
#4522ed rgb(69,34,237)
```

Complementary Color

#edab22
```
#edab22 rgb(237,171,34)
```
#caed22
```
#caed22 rgb(202,237,34)
```
#65ed22
```
#65ed22 rgb(101,237,34)
```

Analogous Color

#ab22ed
```
#ab22ed rgb(171,34,237)
```
#caed22
```
#caed22 rgb(202,237,34)
```
#2265ed
```
#2265ed rgb(34,101,237)
```

Split Complementary Color

#ed22ca
```
#ed22ca rgb(237,34,202)
```
#caed22
```
#caed22 rgb(202,237,34)
```
#22caed
```
#22caed rgb(34,202,237)
```

Triadic Color

#ed4522
```
#ed4522 rgb(237,69,34)
```
#caed22
```
#caed22 rgb(202,237,34)
```
#22caed
```
#22caed rgb(34,202,237)
```
#4522ed
```
#4522ed rgb(69,34,237)
```

Tetradic Color

#97b40f
```
#97b40f rgb(151,180,15)
```
#abcb11
```
#abcb11 rgb(171,203,17)
```
#bfe312
```
#bfe312 rgb(191,227,18)
```
#caed22
```
#caed22 rgb(202,237,34)
```
#d0ef3a
```
#d0ef3a rgb(208,239,58)
```
#d5f151
```
#d5f151 rgb(213,241,81)
```
#dbf369
```
#dbf369 rgb(219,243,105)
```

Monochromatic Color

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

#eddd22
```
#eddd22 rgb(237,221,34)
```
#eced22
```
#eced22 rgb(236,237,34)
```
#dbed22
```
#dbed22 rgb(219,237,34)
```
#caed22
```
#caed22 rgb(202,237,34)
```
#b9ed22
```
#b9ed22 rgb(185,237,34)
```
#a8ed22
```
#a8ed22 rgb(168,237,34)
```
#97ed22
```
#97ed22 rgb(151,237,34)
```

Similar Colors

Text with hexadecimal color #caed22

This text has a font color of #caed22.

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

#caed22 background color

This paragraph has a background color of #caed22.

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

#caed22 border color

This element has a border color of #caed22.

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

CSS codes

.text {color:#caed22;}

.background {background-color:#caed22;}

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

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

#0c0f01
```
#0c0f01 rgb(12,15,1)
```
#1c2103
```
#1c2103 rgb(28,33,3)
```
#2b3304
```
#2b3304 rgb(43,51,4)
```
#3a4506
```
#3a4506 rgb(58,69,6)
```
#4a5707
```
#4a5707 rgb(74,87,7)
```
#596909
```
#596909 rgb(89,105,9)
```
#687c0a
```
#687c0a rgb(104,124,10)
```
#778e0c
```
#778e0c rgb(119,142,12)
```
#87a00d
```
#87a00d rgb(135,160,13)
```
#96b20f
```
#96b20f rgb(150,178,15)
```
#a5c410
```
#a5c410 rgb(165,196,16)
```
#b4d611
```
#b4d611 rgb(180,214,17)
```
#c4e813
```
#c4e813 rgb(196,232,19)
```

Shade Color Variation

#caed22
```
#caed22 rgb(202,237,34)
```
#ceee34
```
#ceee34 rgb(206,238,52)
```
#d3f046
```
#d3f046 rgb(211,240,70)
```
#d7f158
```
#d7f158 rgb(215,241,88)
```
#dbf36b
```
#dbf36b rgb(219,243,107)
```
#e0f47d
```
#e0f47d rgb(224,244,125)
```
#e4f68f
```
#e4f68f rgb(228,246,143)
```
#e8f7a1
```
#e8f7a1 rgb(232,247,161)
```
#edf9b3
```
#edf9b3 rgb(237,249,179)
```
#f1fac5
```
#f1fac5 rgb(241,250,197)
```
#f5fcd7
```
#f5fcd7 rgb(245,252,215)
```
#fafdea
```
#fafdea rgb(250,253,234)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#888887
```
#888887 rgb(136,136,135)
```
#8e917e
```
#8e917e rgb(142,145,126)
```
#949a75
```
#949a75 rgb(148,154,117)
```
#9aa36c
```
#9aa36c rgb(154,163,108)
```
#a0ad62
```
#a0ad62 rgb(160,173,98)
```
#a6b659
```
#a6b659 rgb(166,182,89)
```
#acbf50
```
#acbf50 rgb(172,191,80)
```
#b2c847
```
#b2c847 rgb(178,200,71)
```
#b8d13e
```
#b8d13e rgb(184,209,62)
```
#bedb34
```
#bedb34 rgb(190,219,52)
```
#c4e42b
```
#c4e42b rgb(196,228,43)
```
#caed22
```
#caed22 rgb(202,237,34)
```
#d0f619
```
#d0f619 rgb(208,246,25)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbd2a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe029 Protanopia 1% of men
#ffdaa7 Deuteranopia 1% of men
#e0deee Tritanopia 0.001% of the population

Trichromacy

#e9e526 Protanomaly 1% of men, 0.01% of women
#ebe176 Deuteranomaly 6% of men, 0.4% of women
#d8e3a3 Tritanomaly 0.01% of the population

#caed22 hex color

#caed22 Color Information

#caed22 Color Conversion

Color Schemes with #caed22

Alternatives to #caed22

#caed22 Preview

Shades and Tints of #caed22

Tones of #caed22

Color Blindness Simulator