#cae51f hex color

In a RGB color space, hex #cae51f is composed of 79.2% red, 89.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 86.5% yellow and 10.2% black. It has a hue angle of 68.2 degrees, a saturation of 79.2% and a lightness of 51%. #cae51f color hex could be obtained by blending #ffff3e with #95cb00. Closest websafe color is: #cccc33.

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

● #cae51f color description : Vivid yellow.

The hexadecimal color #cae51f has RGB values of R:202, G:229, B:31 and CMYK values of C:0.12, M:0, Y:0.86, K:0.1. Its decimal value is 13296927.

Hex triplet	cae51f	`#cae51f`
RGB Decimal	202, 229, 31	`rgb(202,229,31)`
RGB Percent	79.2, 89.8, 12.2	`rgb(79.2%,89.8%,12.2%)`
CMYK	12, 0, 86, 10
HSL	68.2°, 79.2, 51	`hsl(68.2,79.2%,51%)`
HSV (or HSB)	68.2°, 86.5, 89.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	86.352, -30.607, 81.161
XYZ	52.623, 68.694, 11.783
xyY	0.395, 0.516, 68.694
CIE-LCH	86.352, 86.74, 110.662
CIE-LUV	86.352, -10.808, 94.821
Hunter-Lab	82.882, -31.71, 49.588
Binary	11001010, 11100101, 00011111

#cae51f
```
#cae51f rgb(202,229,31)
```
#3a1fe5
```
#3a1fe5 rgb(58,31,229)
```

Complementary Color

#e59d1f
```
#e59d1f rgb(229,157,31)
```
#cae51f
```
#cae51f rgb(202,229,31)
```
#67e51f
```
#67e51f rgb(103,229,31)
```

Analogous Color

#9d1fe5
```
#9d1fe5 rgb(157,31,229)
```
#cae51f
```
#cae51f rgb(202,229,31)
```
#1f67e5
```
#1f67e5 rgb(31,103,229)
```

Split Complementary Color

#e51fca
```
#e51fca rgb(229,31,202)
```
#cae51f
```
#cae51f rgb(202,229,31)
```
#1fcae5
```
#1fcae5 rgb(31,202,229)
```

Triadic Color

#e53a1f
```
#e53a1f rgb(229,58,31)
```
#cae51f
```
#cae51f rgb(202,229,31)
```
#1fcae5
```
#1fcae5 rgb(31,202,229)
```
#3a1fe5
```
#3a1fe5 rgb(58,31,229)
```

Tetradic Color

#91a413
```
#91a413 rgb(145,164,19)
```
#a5bb16
```
#a5bb16 rgb(165,187,22)
```
#b9d218
```
#b9d218 rgb(185,210,24)
```
#cae51f
```
#cae51f rgb(202,229,31)
```
#cfe836
```
#cfe836 rgb(207,232,54)
```
#d5ea4d
```
#d5ea4d rgb(213,234,77)
```
#daed64
```
#daed64 rgb(218,237,100)
```

Monochromatic Color

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

#e5cf1f
```
#e5cf1f rgb(229,207,31)
```
#e5df1f
```
#e5df1f rgb(229,223,31)
```
#dbe51f
```
#dbe51f rgb(219,229,31)
```
#cae51f
```
#cae51f rgb(202,229,31)
```
#bae51f
```
#bae51f rgb(186,229,31)
```
#a9e51f
```
#a9e51f rgb(169,229,31)
```
#99e51f
```
#99e51f rgb(153,229,31)
```

Similar Colors

Text with hexadecimal color #cae51f

This text has a font color of #cae51f.

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

#cae51f background color

This paragraph has a background color of #cae51f.

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

#cae51f border color

This element has a border color of #cae51f.

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

CSS codes

.text {color:#cae51f;}

.background {background-color:#cae51f;}

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

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)
```
#232805
```
#232805 rgb(35,40,5)
```
#323907
```
#323907 rgb(50,57,7)
```
#424b09
```
#424b09 rgb(66,75,9)
```
#515c0b
```
#515c0b rgb(81,92,11)
```
#616e0d
```
#616e0d rgb(97,110,13)
```
#70800f
```
#70800f rgb(112,128,15)
```
#809111
```
#809111 rgb(128,145,17)
```
#8fa313
```
#8fa313 rgb(143,163,19)
```
#9fb415
```
#9fb415 rgb(159,180,21)
```
#aec617
```
#aec617 rgb(174,198,23)
```
#bdd719
```
#bdd719 rgb(189,215,25)
```

Shade Color Variation

#cae51f
```
#cae51f rgb(202,229,31)
```
#cee731
```
#cee731 rgb(206,231,49)
```
#d2e942
```
#d2e942 rgb(210,233,66)
```
#d6eb54
```
#d6eb54 rgb(214,235,84)
```
#dbed65
```
#dbed65 rgb(219,237,101)
```
#dfef77
```
#dfef77 rgb(223,239,119)
```
#e3f188
```
#e3f188 rgb(227,241,136)
```
#e7f39a
```
#e7f39a rgb(231,243,154)
```
#ebf5ac
```
#ebf5ac rgb(235,245,172)
```
#eff7bd
```
#eff7bd rgb(239,247,189)
```
#f4f9cf
```
#f4f9cf rgb(244,249,207)
```
#f8fbe0
```
#f8fbe0 rgb(248,251,224)
```
#fcfdf2
```
#fcfdf2 rgb(252,253,242)
```

Tint Color Variation

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

#84857f
```
#84857f rgb(132,133,127)
```
#8b8e76
```
#8b8e76 rgb(139,142,118)
```
#92986c
```
#92986c rgb(146,152,108)
```
#99a262
```
#99a262 rgb(153,162,98)
```
#a0ab59
```
#a0ab59 rgb(160,171,89)
```
#a7b54f
```
#a7b54f rgb(167,181,79)
```
#aebf45
```
#aebf45 rgb(174,191,69)
```
#b5c83c
```
#b5c83c rgb(181,200,60)
```
#bcd232
```
#bcd232 rgb(188,210,50)
```
#c3db29
```
#c3db29 rgb(195,219,41)
```
#cae51f
```
#cae51f rgb(202,229,31)
```
#d1ef15
```
#d1ef15 rgb(209,239,21)
```
#d8f80c
```
#d8f80c rgb(216,248,12)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7cca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4da27 Protanopia 1% of men
#ffd390 Deuteranopia 1% of men
#dfd7e6 Tritanopia 0.001% of the population

Trichromacy

#e5de24 Protanomaly 1% of men, 0.01% of women
#ebd967 Deuteranomaly 6% of men, 0.4% of women
#d7dc9d Tritanomaly 0.01% of the population

#cae51f hex color

#cae51f Color Information

#cae51f Color Conversion

Color Schemes with #cae51f

Alternatives to #cae51f

#cae51f Preview

Shades and Tints of #cae51f

Tones of #cae51f

Color Blindness Simulator