#cae022 hex color

In a RGB color space, hex #cae022 is composed of 79.2% red, 87.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 0% magenta, 84.8% yellow and 12.2% black. It has a hue angle of 66.9 degrees, a saturation of 75.4% and a lightness of 50.6%. #cae022 color hex could be obtained by blending #ffff44 with #95c100. Closest websafe color is: #cccc33.

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

● #cae022 color description : Bright yellow.

The hexadecimal color #cae022 has RGB values of R:202, G:224, B:34 and CMYK values of C:0.1, M:0, Y:0.85, K:0.12. Its decimal value is 13295650.

Hex triplet	cae022	`#cae022`
RGB Decimal	202, 224, 34	`rgb(202,224,34)`
RGB Percent	79.2, 87.8, 13.3	`rgb(79.2%,87.8%,13.3%)`
CMYK	10, 0, 85, 12
HSL	66.9°, 75.4, 50.6	`hsl(66.9,75.4%,50.6%)`
HSV (or HSB)	66.9°, 84.8, 87.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.988, -28.194, 79.45
XYZ	51.301, 65.984, 11.547
xyY	0.398, 0.512, 65.984
CIE-LCH	84.988, 84.305, 109.538
CIE-LUV	84.988, -7.816, 92.505
Hunter-Lab	81.23, -29.42, 48.433
Binary	11001010, 11100000, 00100010

#cae022
```
#cae022 rgb(202,224,34)
```
#3822e0
```
#3822e0 rgb(56,34,224)
```

Complementary Color

#e09722
```
#e09722 rgb(224,151,34)
```
#cae022
```
#cae022 rgb(202,224,34)
```
#6be022
```
#6be022 rgb(107,224,34)
```

Analogous Color

#9722e0
```
#9722e0 rgb(151,34,224)
```
#cae022
```
#cae022 rgb(202,224,34)
```
#226be0
```
#226be0 rgb(34,107,224)
```

Split Complementary Color

#e022ca
```
#e022ca rgb(224,34,202)
```
#cae022
```
#cae022 rgb(202,224,34)
```
#22cae0
```
#22cae0 rgb(34,202,224)
```

Triadic Color

#e03822
```
#e03822 rgb(224,56,34)
```
#cae022
```
#cae022 rgb(202,224,34)
```
#22cae0
```
#22cae0 rgb(34,202,224)
```
#3822e0
```
#3822e0 rgb(56,34,224)
```

Tetradic Color

#8f9f16
```
#8f9f16 rgb(143,159,22)
```
#a3b619
```
#a3b619 rgb(163,182,25)
```
#b8cc1d
```
#b8cc1d rgb(184,204,29)
```
#cae022
```
#cae022 rgb(202,224,34)
```
#cfe338
```
#cfe338 rgb(207,227,56)
```
#d5e64f
```
#d5e64f rgb(213,230,79)
```
#dae965
```
#dae965 rgb(218,233,101)
```

Monochromatic Color

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

#e0c722
```
#e0c722 rgb(224,199,34)
```
#e0d622
```
#e0d622 rgb(224,214,34)
```
#dae022
```
#dae022 rgb(218,224,34)
```
#cae022
```
#cae022 rgb(202,224,34)
```
#bae022
```
#bae022 rgb(186,224,34)
```
#aae022
```
#aae022 rgb(170,224,34)
```
#9be022
```
#9be022 rgb(155,224,34)
```

Similar Colors

Text with hexadecimal color #cae022

This text has a font color of #cae022.

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

#cae022 background color

This paragraph has a background color of #cae022.

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

#cae022 border color

This element has a border color of #cae022.

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

CSS codes

.text {color:#cae022;}

.background {background-color:#cae022;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#121403
```
#121403 rgb(18,20,3)
```
#212505
```
#212505 rgb(33,37,5)
```
#313608
```
#313608 rgb(49,54,8)
```
#40470a
```
#40470a rgb(64,71,10)
```
#50590c
```
#50590c rgb(80,89,12)
```
#5f6a0f
```
#5f6a0f rgb(95,106,15)
```
#6f7b11
```
#6f7b11 rgb(111,123,17)
```
#7e8c14
```
#7e8c14 rgb(126,140,20)
```
#8e9d16
```
#8e9d16 rgb(142,157,22)
```
#9daf18
```
#9daf18 rgb(157,175,24)
```
#adc01b
```
#adc01b rgb(173,192,27)
```
#bcd11d
```
#bcd11d rgb(188,209,29)
```

Shade Color Variation

#cae022
```
#cae022 rgb(202,224,34)
```
#cee233
```
#cee233 rgb(206,226,51)
```
#d2e544
```
#d2e544 rgb(210,229,68)
```
#d6e756
```
#d6e756 rgb(214,231,86)
```
#dbea67
```
#dbea67 rgb(219,234,103)
```
#dfec78
```
#dfec78 rgb(223,236,120)
```
#e3ee89
```
#e3ee89 rgb(227,238,137)
```
#e7f19a
```
#e7f19a rgb(231,241,154)
```
#ebf3ac
```
#ebf3ac rgb(235,243,172)
```
#eff6bd
```
#eff6bd rgb(239,246,189)
```
#f3f8ce
```
#f3f8ce rgb(243,248,206)
```
#f7fbdf
```
#f7fbdf rgb(247,251,223)
```
#fcfdf0
```
#fcfdf0 rgb(252,253,240)
```

Tint Color Variation

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

#878979
```
#878979 rgb(135,137,121)
```
#8e9270
```
#8e9270 rgb(142,146,112)
```
#969c66
```
#969c66 rgb(150,156,102)
```
#9da65c
```
#9da65c rgb(157,166,92)
```
#a5b052
```
#a5b052 rgb(165,176,82)
```
#acb949
```
#acb949 rgb(172,185,73)
```
#b4c33f
```
#b4c33f rgb(180,195,63)
```
#bbcd35
```
#bbcd35 rgb(187,205,53)
```
#c3d62c
```
#c3d62c rgb(195,214,44)
```
#cae022
```
#cae022 rgb(202,224,34)
```
#d1ea18
```
#d1ea18 rgb(209,234,24)
```
#d9f30f
```
#d9f30f rgb(217,243,15)
```
#e0fd05
```
#e0fd05 rgb(224,253,5)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c5caa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d62a Protanopia 1% of men
#ffce80 Deuteranopia 1% of men
#ded2e1 Tritanopia 0.001% of the population

Trichromacy

#e2da27 Protanomaly 1% of men, 0.01% of women
#ebd55e Deuteranomaly 6% of men, 0.4% of women
#d6d79c Tritanomaly 0.01% of the population

#cae022 hex color

#cae022 Color Information

#cae022 Color Conversion

Color Schemes with #cae022

Alternatives to #cae022

#cae022 Preview

Shades and Tints of #cae022

Tones of #cae022

Color Blindness Simulator