#cae71f hex color

In a RGB color space, hex #cae71f is composed of 79.2% red, 90.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 0% magenta, 86.6% yellow and 9.4% black. It has a hue angle of 68.7 degrees, a saturation of 80.6% and a lightness of 51.4%. #cae71f color hex could be obtained by blending #ffff3e with #95cf00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 91
- B 12
RGB color chart
- C 13
- M 0
- Y 87
- K 9
CMYK color chart

● #cae71f color description : Vivid yellow.

The hexadecimal color #cae71f has RGB values of R:202, G:231, B:31 and CMYK values of C:0.13, M:0, Y:0.87, K:0.09. Its decimal value is 13297439.

Hex triplet	cae71f	`#cae71f`
RGB Decimal	202, 231, 31	`rgb(202,231,31)`
RGB Percent	79.2, 90.6, 12.2	`rgb(79.2%,90.6%,12.2%)`
CMYK	13, 0, 87, 9
HSL	68.7°, 80.6, 51.4	`hsl(68.7,80.6%,51.4%)`
HSV (or HSB)	68.7°, 86.6, 90.6
Web Safe	ccff33	`#ccff33`

CIE-LAB	86.902, -31.535, 81.611
XYZ	53.18, 69.807, 11.969
xyY	0.394, 0.517, 69.807
CIE-LCH	86.902, 87.492, 111.127
CIE-LUV	86.902, -11.996, 95.597
Hunter-Lab	83.551, -32.599, 49.992
Binary	11001010, 11100111, 00011111

#cae71f
```
#cae71f rgb(202,231,31)
```
#3c1fe7
```
#3c1fe7 rgb(60,31,231)
```

Complementary Color

#e7a01f
```
#e7a01f rgb(231,160,31)
```
#cae71f
```
#cae71f rgb(202,231,31)
```
#66e71f
```
#66e71f rgb(102,231,31)
```

Analogous Color

#a01fe7
```
#a01fe7 rgb(160,31,231)
```
#cae71f
```
#cae71f rgb(202,231,31)
```
#1f66e7
```
#1f66e7 rgb(31,102,231)
```

Split Complementary Color

#e71fca
```
#e71fca rgb(231,31,202)
```
#cae71f
```
#cae71f rgb(202,231,31)
```
#1fcae7
```
#1fcae7 rgb(31,202,231)
```

Triadic Color

#e73c1f
```
#e73c1f rgb(231,60,31)
```
#cae71f
```
#cae71f rgb(202,231,31)
```
#1fcae7
```
#1fcae7 rgb(31,202,231)
```
#3c1fe7
```
#3c1fe7 rgb(60,31,231)
```

Tetradic Color

#92a812
```
#92a812 rgb(146,168,18)
```
#a6bf14
```
#a6bf14 rgb(166,191,20)
```
#bad617
```
#bad617 rgb(186,214,23)
```
#cae71f
```
#cae71f rgb(202,231,31)
```
#cfe936
```
#cfe936 rgb(207,233,54)
```
#d5ec4d
```
#d5ec4d rgb(213,236,77)
```
#daee64
```
#daee64 rgb(218,238,100)
```

Monochromatic Color

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

#e7d21f
```
#e7d21f rgb(231,210,31)
```
#e7e31f
```
#e7e31f rgb(231,227,31)
```
#dbe71f
```
#dbe71f rgb(219,231,31)
```
#cae71f
```
#cae71f rgb(202,231,31)
```
#b9e71f
```
#b9e71f rgb(185,231,31)
```
#a9e71f
```
#a9e71f rgb(169,231,31)
```
#98e71f
```
#98e71f rgb(152,231,31)
```

Similar Colors

Text with hexadecimal color #cae71f

This text has a font color of #cae71f.

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

#cae71f background color

This paragraph has a background color of #cae71f.

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

#cae71f border color

This element has a border color of #cae71f.

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

CSS codes

.text {color:#cae71f;}

.background {background-color:#cae71f;}

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

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

#060601
```
#060601 rgb(6,6,1)
```
#151803
```
#151803 rgb(21,24,3)
```
#242a04
```
#242a04 rgb(36,42,4)
```
#343b06
```
#343b06 rgb(52,59,6)
```
#434d08
```
#434d08 rgb(67,77,8)
```
#535f0a
```
#535f0a rgb(83,95,10)
```
#62710c
```
#62710c rgb(98,113,12)
```
#71820e
```
#71820e rgb(113,130,14)
```
#819410
```
#819410 rgb(129,148,16)
```
#90a612
```
#90a612 rgb(144,166,18)
```
#a0b714
```
#a0b714 rgb(160,183,20)
```
#afc916
```
#afc916 rgb(175,201,22)
```
#bfdb17
```
#bfdb17 rgb(191,219,23)
```

Shade Color Variation

#cae71f
```
#cae71f rgb(202,231,31)
```
#cee931
```
#cee931 rgb(206,233,49)
```
#d2eb42
```
#d2eb42 rgb(210,235,66)
```
#d7ed54
```
#d7ed54 rgb(215,237,84)
```
#dbef66
```
#dbef66 rgb(219,239,102)
```
#dff078
```
#dff078 rgb(223,240,120)
```
#e3f289
```
#e3f289 rgb(227,242,137)
```
#e7f49b
```
#e7f49b rgb(231,244,155)
```
#ecf6ad
```
#ecf6ad rgb(236,246,173)
```
#f0f8be
```
#f0f8be rgb(240,248,190)
```
#f4fad0
```
#f4fad0 rgb(244,250,208)
```
#f8fce2
```
#f8fce2 rgb(248,252,226)
```
#fcfef4
```
#fcfef4 rgb(252,254,244)
```

Tint Color Variation

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

#86887e
```
#86887e rgb(134,136,126)
```
#8d9175
```
#8d9175 rgb(141,145,117)
```
#949b6b
```
#949b6b rgb(148,155,107)
```
#9ba462
```
#9ba462 rgb(155,164,98)
```
#a1ae58
```
#a1ae58 rgb(161,174,88)
```
#a8b74f
```
#a8b74f rgb(168,183,79)
```
#afc145
```
#afc145 rgb(175,193,69)
```
#b6ca3c
```
#b6ca3c rgb(182,202,60)
```
#bcd432
```
#bcd432 rgb(188,212,50)
```
#c3dd29
```
#c3dd29 rgb(195,221,41)
```
#cae71f
```
#cae71f rgb(202,231,31)
```
#d1f115
```
#d1f115 rgb(209,241,21)
```
#d8fa0c
```
#d8fa0c rgb(216,250,12)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c8cea6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6dc26 Protanopia 1% of men
#ffd596 Deuteranopia 1% of men
#dfd8e8 Tritanopia 0.001% of the population

Trichromacy

#e6e024 Protanomaly 1% of men, 0.01% of women
#ebdb6b Deuteranomaly 6% of men, 0.4% of women
#d7de9f Tritanomaly 0.01% of the population

#cae71f hex color

#cae71f Color Information

#cae71f Color Conversion

Color Schemes with #cae71f

Alternatives to #cae71f

#cae71f Preview

Shades and Tints of #cae71f

Tones of #cae71f

Color Blindness Simulator