#cae222 hex color

In a RGB color space, hex #cae222 is composed of 79.2% red, 88.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 10.6% cyan, 0% magenta, 85% yellow and 11.4% black. It has a hue angle of 67.5 degrees, a saturation of 76.8% and a lightness of 51%. #cae222 color hex could be obtained by blending #ffff44 with #95c500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 79
- G 89
- B 13
RGB color chart
- C 11
- M 0
- Y 85
- K 11
CMYK color chart

● #cae222 color description : Bright yellow.

The hexadecimal color #cae222 has RGB values of R:202, G:226, B:34 and CMYK values of C:0.11, M:0, Y:0.85, K:0.11. Its decimal value is 13296162.

Hex triplet	cae222	`#cae222`
RGB Decimal	202, 226, 34	`rgb(202,226,34)`
RGB Percent	79.2, 88.6, 13.3	`rgb(79.2%,88.6%,13.3%)`
CMYK	11, 0, 85, 11
HSL	67.5°, 76.8, 51	`hsl(67.5,76.8%,51%)`
HSV (or HSB)	67.5°, 85, 88.6
Web Safe	cccc33	`#cccc33`

CIE-LAB	85.537, -29.134, 79.906
XYZ	51.842, 67.065, 11.727
xyY	0.397, 0.513, 67.065
CIE-LCH	85.537, 85.052, 110.032
CIE-LUV	85.537, -9.024, 93.286
Hunter-Lab	81.893, -30.315, 48.835
Binary	11001010, 11100010, 00100010

#cae222
```
#cae222 rgb(202,226,34)
```
#3a22e2
```
#3a22e2 rgb(58,34,226)
```

Complementary Color

#e29a22
```
#e29a22 rgb(226,154,34)
```
#cae222
```
#cae222 rgb(202,226,34)
```
#6ae222
```
#6ae222 rgb(106,226,34)
```

Analogous Color

#9a22e2
```
#9a22e2 rgb(154,34,226)
```
#cae222
```
#cae222 rgb(202,226,34)
```
#226ae2
```
#226ae2 rgb(34,106,226)
```

Split Complementary Color

#e222ca
```
#e222ca rgb(226,34,202)
```
#cae222
```
#cae222 rgb(202,226,34)
```
#22cae2
```
#22cae2 rgb(34,202,226)
```

Triadic Color

#e23a22
```
#e23a22 rgb(226,58,34)
```
#cae222
```
#cae222 rgb(202,226,34)
```
#22cae2
```
#22cae2 rgb(34,202,226)
```
#3a22e2
```
#3a22e2 rgb(58,34,226)
```

Tetradic Color

#91a215
```
#91a215 rgb(145,162,21)
```
#a5b918
```
#a5b918 rgb(165,185,24)
```
#b9cf1b
```
#b9cf1b rgb(185,207,27)
```
#cae222
```
#cae222 rgb(202,226,34)
```
#cfe539
```
#cfe539 rgb(207,229,57)
```
#d5e84f
```
#d5e84f rgb(213,232,79)
```
#daeb66
```
#daeb66 rgb(218,235,102)
```

Monochromatic Color

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

#e2ca22
```
#e2ca22 rgb(226,202,34)
```
#e2da22
```
#e2da22 rgb(226,218,34)
```
#dae222
```
#dae222 rgb(218,226,34)
```
#cae222
```
#cae222 rgb(202,226,34)
```
#bae222
```
#bae222 rgb(186,226,34)
```
#aae222
```
#aae222 rgb(170,226,34)
```
#9ae222
```
#9ae222 rgb(154,226,34)
```

Similar Colors

Text with hexadecimal color #cae222

This text has a font color of #cae222.

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

#cae222 background color

This paragraph has a background color of #cae222.

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

#cae222 border color

This element has a border color of #cae222.

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

CSS codes

.text {color:#cae222;}

.background {background-color:#cae222;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#131603
```
#131603 rgb(19,22,3)
```
#232705
```
#232705 rgb(35,39,5)
```
#323807
```
#323807 rgb(50,56,7)
```
#424a0a
```
#424a0a rgb(66,74,10)
```
#515b0c
```
#515b0c rgb(81,91,12)
```
#616c0e
```
#616c0e rgb(97,108,14)
```
#707e11
```
#707e11 rgb(112,126,17)
```
#808f13
```
#808f13 rgb(128,143,19)
```
#8fa015
```
#8fa015 rgb(143,160,21)
```
#9fb217
```
#9fb217 rgb(159,178,23)
```
#aec31a
```
#aec31a rgb(174,195,26)
```
#bdd51c
```
#bdd51c rgb(189,213,28)
```

Shade Color Variation

#cae222
```
#cae222 rgb(202,226,34)
```
#cee433
```
#cee433 rgb(206,228,51)
```
#d2e745
```
#d2e745 rgb(210,231,69)
```
#d6e956
```
#d6e956 rgb(214,233,86)
```
#dbeb67
```
#dbeb67 rgb(219,235,103)
```
#dfed79
```
#dfed79 rgb(223,237,121)
```
#e3f08a
```
#e3f08a rgb(227,240,138)
```
#e7f29b
```
#e7f29b rgb(231,242,155)
```
#ebf4ad
```
#ebf4ad rgb(235,244,173)
```
#eff6be
```
#eff6be rgb(239,246,190)
```
#f4f9cf
```
#f4f9cf rgb(244,249,207)
```
#f8fbe1
```
#f8fbe1 rgb(248,251,225)
```
#fcfdf2
```
#fcfdf2 rgb(252,253,242)
```

Tint Color Variation

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

#898b79
```
#898b79 rgb(137,139,121)
```
#90956f
```
#90956f rgb(144,149,111)
```
#989f65
```
#989f65 rgb(152,159,101)
```
#9fa85c
```
#9fa85c rgb(159,168,92)
```
#a6b252
```
#a6b252 rgb(166,178,82)
```
#adbc48
```
#adbc48 rgb(173,188,72)
```
#b4c53f
```
#b4c53f rgb(180,197,63)
```
#bccf35
```
#bccf35 rgb(188,207,53)
```
#c3d82c
```
#c3d82c rgb(195,216,44)
```
#cae222
```
#cae222 rgb(202,226,34)
```
#d1ec18
```
#d1ec18 rgb(209,236,24)
```
#d8f50f
```
#d8f50f rgb(216,245,15)
```
#e0ff05
```
#e0ff05 rgb(224,255,5)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c6cba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d82a Protanopia 1% of men
#ffd087 Deuteranopia 1% of men
#ded4e3 Tritanopia 0.001% of the population

Trichromacy

#e3db27 Protanomaly 1% of men, 0.01% of women
#ebd762 Deuteranomaly 6% of men, 0.4% of women
#d7d99d Tritanomaly 0.01% of the population

#cae222 hex color

#cae222 Color Information

#cae222 Color Conversion

Color Schemes with #cae222

Alternatives to #cae222

#cae222 Preview

Shades and Tints of #cae222

Tones of #cae222

Color Blindness Simulator