#cae216 hex color

In a RGB color space, hex #cae216 is composed of 79.2% red, 88.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 10.6% cyan, 0% magenta, 90.3% yellow and 11.4% black. It has a hue angle of 67.1 degrees, a saturation of 82.3% and a lightness of 48.6%. #cae216 color hex could be obtained by blending #ffff2c with #95c500. Closest websafe color is: #cccc00.

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

● #cae216 color description : Vivid yellow.

The hexadecimal color #cae216 has RGB values of R:202, G:226, B:22 and CMYK values of C:0.11, M:0, Y:0.9, K:0.11. Its decimal value is 13296150.

Hex triplet	cae216	`#cae216`
RGB Decimal	202, 226, 22	`rgb(202,226,22)`
RGB Percent	79.2, 88.6, 8.6	`rgb(79.2%,88.6%,8.6%)`
CMYK	11, 0, 90, 11
HSL	67.1°, 82.3, 48.6	`hsl(67.1,82.3%,48.6%)`
HSV (or HSB)	67.1°, 90.3, 88.6
Web Safe	cccc00	`#cccc00`

CIE-LAB	85.508, -29.387, 81.952
XYZ	51.698, 67.007, 10.969
xyY	0.399, 0.517, 67.007
CIE-LCH	85.508, 87.061, 109.727
CIE-LUV	85.508, -8.973, 94.574
Hunter-Lab	81.858, -30.518, 49.356
Binary	11001010, 11100010, 00010110

#cae216
```
#cae216 rgb(202,226,22)
```
#2e16e2
```
#2e16e2 rgb(46,22,226)
```

Complementary Color

#e29416
```
#e29416 rgb(226,148,22)
```
#cae216
```
#cae216 rgb(202,226,22)
```
#64e216
```
#64e216 rgb(100,226,22)
```

Analogous Color

#9416e2
```
#9416e2 rgb(148,22,226)
```
#cae216
```
#cae216 rgb(202,226,22)
```
#1664e2
```
#1664e2 rgb(22,100,226)
```

Split Complementary Color

#e216ca
```
#e216ca rgb(226,22,202)
```
#cae216
```
#cae216 rgb(202,226,22)
```
#16cae2
```
#16cae2 rgb(22,202,226)
```

Triadic Color

#e22e16
```
#e22e16 rgb(226,46,22)
```
#cae216
```
#cae216 rgb(202,226,22)
```
#16cae2
```
#16cae2 rgb(22,202,226)
```
#2e16e2
```
#2e16e2 rgb(46,22,226)
```

Tetradic Color

#8c9c0f
```
#8c9c0f rgb(140,156,15)
```
#a0b411
```
#a0b411 rgb(160,180,17)
```
#b5cb14
```
#b5cb14 rgb(181,203,20)
```
#cae216
```
#cae216 rgb(202,226,22)
```
#d3ea27
```
#d3ea27 rgb(211,234,39)
```
#d8ec3f
```
#d8ec3f rgb(216,236,63)
```
#ddef56
```
#ddef56 rgb(221,239,86)
```

Monochromatic Color

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

#e2c716
```
#e2c716 rgb(226,199,22)
```
#e2d816
```
#e2d816 rgb(226,216,22)
```
#dbe216
```
#dbe216 rgb(219,226,22)
```
#cae216
```
#cae216 rgb(202,226,22)
```
#b9e216
```
#b9e216 rgb(185,226,22)
```
#a8e216
```
#a8e216 rgb(168,226,22)
```
#97e216
```
#97e216 rgb(151,226,22)
```

Similar Colors

Text with hexadecimal color #cae216

This text has a font color of #cae216.

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

#cae216 background color

This paragraph has a background color of #cae216.

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

#cae216 border color

This element has a border color of #cae216.

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

CSS codes

.text {color:#cae216;}

.background {background-color:#cae216;}

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

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

#0a0b01
```
#0a0b01 rgb(10,11,1)
```
#1a1d03
```
#1a1d03 rgb(26,29,3)
```
#2a2f05
```
#2a2f05 rgb(42,47,5)
```
#3a4106
```
#3a4106 rgb(58,65,6)
```
#4a5308
```
#4a5308 rgb(74,83,8)
```
#5a650a
```
#5a650a rgb(90,101,10)
```
#6a770c
```
#6a770c rgb(106,119,12)
```
#7a890d
```
#7a890d rgb(122,137,13)
```
#8a9a0f
```
#8a9a0f rgb(138,154,15)
```
#9aac11
```
#9aac11 rgb(154,172,17)
```
#aabe13
```
#aabe13 rgb(170,190,19)
```
#bad014
```
#bad014 rgb(186,208,20)
```
#cae216
```
#cae216 rgb(202,226,22)
```

Shade Color Variation

#d2e922
```
#d2e922 rgb(210,233,34)
```
#d6eb34
```
#d6eb34 rgb(214,235,52)
```
#d9ed46
```
#d9ed46 rgb(217,237,70)
```
#ddef58
```
#ddef58 rgb(221,239,88)
```
#e1f06a
```
#e1f06a rgb(225,240,106)
```
#e4f27b
```
#e4f27b rgb(228,242,123)
```
#e8f48d
```
#e8f48d rgb(232,244,141)
```
#ecf69f
```
#ecf69f rgb(236,246,159)
```
#eff7b1
```
#eff7b1 rgb(239,247,177)
```
#f3f9c3
```
#f3f9c3 rgb(243,249,195)
```
#f6fbd5
```
#f6fbd5 rgb(246,251,213)
```
#fafde7
```
#fafde7 rgb(250,253,231)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#818375
```
#818375 rgb(129,131,117)
```
#888c6c
```
#888c6c rgb(136,140,108)
```
#909662
```
#909662 rgb(144,150,98)
```
#979f59
```
#979f59 rgb(151,159,89)
```
#9ea94f
```
#9ea94f rgb(158,169,79)
```
#a6b246
```
#a6b246 rgb(166,178,70)
```
#adbc3c
```
#adbc3c rgb(173,188,60)
```
#b4c533
```
#b4c533 rgb(180,197,51)
```
#bbcf29
```
#bbcf29 rgb(187,207,41)
```
#c3d820
```
#c3d820 rgb(195,216,32)
```
#cae216
```
#cae216 rgb(202,226,22)
```
#d1ec0c
```
#d1ec0c rgb(209,236,12)
```
#d9f503
```
#d9f503 rgb(217,245,3)
```

Tone Color Variation

Below, you can see how #cae216 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
#c5caa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d81e Protanopia 1% of men
#ffd086 Deuteranopia 1% of men
#ded4e3 Tritanopia 0.001% of the population

Trichromacy

#e3db1b Protanomaly 1% of men, 0.01% of women
#ebd65d Deuteranomaly 6% of men, 0.4% of women
#d7d998 Tritanomaly 0.01% of the population

#cae216 hex color

#cae216 Color Information

#cae216 Color Conversion

Color Schemes with #cae216

Alternatives to #cae216

#cae216 Preview

Shades and Tints of #cae216

Tones of #cae216

Color Blindness Simulator