#caf91e hex color

In a RGB color space, hex #caf91e is composed of 79.2% red, 97.6% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 88% yellow and 2.4% black. It has a hue angle of 72.9 degrees, a saturation of 94.8% and a lightness of 54.7%. #caf91e color hex could be obtained by blending #ffff3c with #95f300. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 98
- B 12
RGB color chart
- C 19
- M 0
- Y 88
- K 2
CMYK color chart

● #caf91e color description : Vivid yellow.

The hexadecimal color #caf91e has RGB values of R:202, G:249, B:30 and CMYK values of C:0.19, M:0, Y:0.88, K:0.02. Its decimal value is 13302046.

Hex triplet	caf91e	`#caf91e`
RGB Decimal	202, 249, 30	`rgb(202,249,30)`
RGB Percent	79.2, 97.6, 11.8	`rgb(79.2%,97.6%,11.8%)`
CMYK	19, 0, 88, 2
HSL	72.9°, 94.8, 54.7	`hsl(72.9,94.8%,54.7%)`
HSV (or HSB)	72.9°, 88, 97.6
Web Safe	ccff33	`#ccff33`

CIE-LAB	91.864, -39.701, 85.835
XYZ	58.467, 80.401, 13.667
xyY	0.383, 0.527, 80.401
CIE-LCH	91.864, 94.571, 114.822
CIE-LUV	91.864, -22.33, 102.643
Hunter-Lab	89.667, -40.527, 53.73
Binary	11001010, 11111001, 00011110

#caf91e
```
#caf91e rgb(202,249,30)
```
#4d1ef9
```
#4d1ef9 rgb(77,30,249)
```

Complementary Color

#f9bb1e
```
#f9bb1e rgb(249,187,30)
```
#caf91e
```
#caf91e rgb(202,249,30)
```
#5df91e
```
#5df91e rgb(93,249,30)
```

Analogous Color

#bb1ef9
```
#bb1ef9 rgb(187,30,249)
```
#caf91e
```
#caf91e rgb(202,249,30)
```
#1e5df9
```
#1e5df9 rgb(30,93,249)
```

Split Complementary Color

#f91eca
```
#f91eca rgb(249,30,202)
```
#caf91e
```
#caf91e rgb(202,249,30)
```
#1ecaf9
```
#1ecaf9 rgb(30,202,249)
```

Triadic Color

#f94d1e
```
#f94d1e rgb(249,77,30)
```
#caf91e
```
#caf91e rgb(202,249,30)
```
#1ecaf9
```
#1ecaf9 rgb(30,202,249)
```
#4d1ef9
```
#4d1ef9 rgb(77,30,249)
```

Tetradic Color

#9cc505
```
#9cc505 rgb(156,197,5)
```
#b0de06
```
#b0de06 rgb(176,222,6)
```
#c3f707
```
#c3f707 rgb(195,247,7)
```
#caf91e
```
#caf91e rgb(202,249,30)
```
#d0fa37
```
#d0fa37 rgb(208,250,55)
```
#d6fa50
```
#d6fa50 rgb(214,250,80)
```
#dcfb69
```
#dcfb69 rgb(220,251,105)
```

Monochromatic Color

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

#f9f11e
```
#f9f11e rgb(249,241,30)
```
#eff91e
```
#eff91e rgb(239,249,30)
```
#dcf91e
```
#dcf91e rgb(220,249,30)
```
#caf91e
```
#caf91e rgb(202,249,30)
```
#b8f91e
```
#b8f91e rgb(184,249,30)
```
#a6f91e
```
#a6f91e rgb(166,249,30)
```
#93f91e
```
#93f91e rgb(147,249,30)
```

Similar Colors

Text with hexadecimal color #caf91e

This text has a font color of #caf91e.

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

#caf91e background color

This paragraph has a background color of #caf91e.

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

#caf91e border color

This element has a border color of #caf91e.

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

CSS codes

.text {color:#caf91e;}

.background {background-color:#caf91e;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#121701
```
#121701 rgb(18,23,1)
```
#222a01
```
#222a01 rgb(34,42,1)
```
#313e02
```
#313e02 rgb(49,62,2)
```
#405102
```
#405102 rgb(64,81,2)
```
#4f6403
```
#4f6403 rgb(79,100,3)
```
#5e7703
```
#5e7703 rgb(94,119,3)
```
#6d8a04
```
#6d8a04 rgb(109,138,4)
```
#7c9d04
```
#7c9d04 rgb(124,157,4)
```
#8bb005
```
#8bb005 rgb(139,176,5)
```
#9bc305
```
#9bc305 rgb(155,195,5)
```
#aad606
```
#aad606 rgb(170,214,6)
```
#b9ea06
```
#b9ea06 rgb(185,234,6)
```

Shade Color Variation

#c5f80b
```
#c5f80b rgb(197,248,11)
```
#caf91e
```
#caf91e rgb(202,249,30)
```
#cffa31
```
#cffa31 rgb(207,250,49)
```
#d3fa44
```
#d3fa44 rgb(211,250,68)
```
#d8fb57
```
#d8fb57 rgb(216,251,87)
```
#dcfb6a
```
#dcfb6a rgb(220,251,106)
```
#e1fc7e
```
#e1fc7e rgb(225,252,126)
```
#e5fc91
```
#e5fc91 rgb(229,252,145)
```
#eafda4
```
#eafda4 rgb(234,253,164)
```
#eefdb7
```
#eefdb7 rgb(238,253,183)
```
#f3feca
```
#f3feca rgb(243,254,202)
```
#f7fedd
```
#f7fedd rgb(247,254,221)
```
#fcfff0
```
#fcfff0 rgb(252,255,240)
```

Tint Color Variation

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

#8d8e89
```
#8d8e89 rgb(141,142,137)
```
#929780
```
#929780 rgb(146,151,128)
```
#97a077
```
#97a077 rgb(151,160,119)
```
#9ca96e
```
#9ca96e rgb(156,169,110)
```
#a1b265
```
#a1b265 rgb(161,178,101)
```
#a7bb5c
```
#a7bb5c rgb(167,187,92)
```
#acc453
```
#acc453 rgb(172,196,83)
```
#b1cd4a
```
#b1cd4a rgb(177,205,74)
```
#b6d542
```
#b6d542 rgb(182,213,66)
```
#bbde39
```
#bbde39 rgb(187,222,57)
```
#c0e730
```
#c0e730 rgb(192,231,48)
```
#c5f027
```
#c5f027 rgb(197,240,39)
```
#caf91e
```
#caf91e rgb(202,249,30)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d0daae Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe980 Protanopia 1% of men
#ffe5c4 Deuteranopia 1% of men
#e2e8f9 Tritanopia 0.001% of the population

Trichromacy

#ebee5c Protanomaly 1% of men, 0.01% of women
#ebec87 Deuteranomaly 6% of men, 0.4% of women
#d9eea9 Tritanomaly 0.01% of the population

#caf91e hex color

#caf91e Color Information

#caf91e Color Conversion

Color Schemes with #caf91e

Alternatives to #caf91e

#caf91e Preview

Shades and Tints of #caf91e

Tones of #caf91e

Color Blindness Simulator