#caf91f hex color

In a RGB color space, hex #caf91f is composed of 79.2% red, 97.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 87.6% yellow and 2.4% black. It has a hue angle of 72.9 degrees, a saturation of 94.8% and a lightness of 54.9%. #caf91f color hex could be obtained by blending #ffff3e 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

● #caf91f color description : Vivid yellow.

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

Hex triplet	caf91f	`#caf91f`
RGB Decimal	202, 249, 31	`rgb(202,249,31)`
RGB Percent	79.2, 97.6, 12.2	`rgb(79.2%,97.6%,12.2%)`
CMYK	19, 0, 88, 2
HSL	72.9°, 94.8, 54.9	`hsl(72.9,94.8%,54.9%)`
HSV (or HSB)	72.9°, 87.6, 97.6
Web Safe	ccff33	`#ccff33`

CIE-LAB	91.867, -39.679, 85.672
XYZ	58.48, 80.406, 13.735
xyY	0.383, 0.527, 80.406
CIE-LCH	91.867, 94.415, 114.851
CIE-LUV	91.867, -22.332, 102.538
Hunter-Lab	89.669, -40.51, 53.687
Binary	11001010, 11111001, 00011111

#caf91f
```
#caf91f rgb(202,249,31)
```
#4e1ff9
```
#4e1ff9 rgb(78,31,249)
```

Complementary Color

#f9bb1f
```
#f9bb1f rgb(249,187,31)
```
#caf91f
```
#caf91f rgb(202,249,31)
```
#5df91f
```
#5df91f rgb(93,249,31)
```

Analogous Color

#bb1ff9
```
#bb1ff9 rgb(187,31,249)
```
#caf91f
```
#caf91f rgb(202,249,31)
```
#1f5df9
```
#1f5df9 rgb(31,93,249)
```

Split Complementary Color

#f91fca
```
#f91fca rgb(249,31,202)
```
#caf91f
```
#caf91f rgb(202,249,31)
```
#1fcaf9
```
#1fcaf9 rgb(31,202,249)
```

Triadic Color

#f94e1f
```
#f94e1f rgb(249,78,31)
```
#caf91f
```
#caf91f rgb(202,249,31)
```
#1fcaf9
```
#1fcaf9 rgb(31,202,249)
```
#4e1ff9
```
#4e1ff9 rgb(78,31,249)
```

Tetradic Color

#9dc605
```
#9dc605 rgb(157,198,5)
```
#b0df06
```
#b0df06 rgb(176,223,6)
```
#c4f807
```
#c4f807 rgb(196,248,7)
```
#caf91f
```
#caf91f rgb(202,249,31)
```
#d0fa38
```
#d0fa38 rgb(208,250,56)
```
#d6fa51
```
#d6fa51 rgb(214,250,81)
```
#dcfb6a
```
#dcfb6a rgb(220,251,106)
```

Monochromatic Color

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

#f9f21f
```
#f9f21f rgb(249,242,31)
```
#eef91f
```
#eef91f rgb(238,249,31)
```
#dcf91f
```
#dcf91f rgb(220,249,31)
```
#caf91f
```
#caf91f rgb(202,249,31)
```
#b8f91f
```
#b8f91f rgb(184,249,31)
```
#a6f91f
```
#a6f91f rgb(166,249,31)
```
#94f91f
```
#94f91f rgb(148,249,31)
```

Similar Colors

Text with hexadecimal color #caf91f

This text has a font color of #caf91f.

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

#caf91f background color

This paragraph has a background color of #caf91f.

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

#caf91f border color

This element has a border color of #caf91f.

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

CSS codes

.text {color:#caf91f;}

.background {background-color:#caf91f;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#131801
```
#131801 rgb(19,24,1)
```
#222b01
```
#222b01 rgb(34,43,1)
```
#313f02
```
#313f02 rgb(49,63,2)
```
#415202
```
#415202 rgb(65,82,2)
```
#506503
```
#506503 rgb(80,101,3)
```
#5f7803
```
#5f7803 rgb(95,120,3)
```
#6e8b04
```
#6e8b04 rgb(110,139,4)
```
#7d9e04
```
#7d9e04 rgb(125,158,4)
```
#8cb105
```
#8cb105 rgb(140,177,5)
```
#9bc405
```
#9bc405 rgb(155,196,5)
```
#aad706
```
#aad706 rgb(170,215,6)
```
#b9ea06
```
#b9ea06 rgb(185,234,6)
```

Shade Color Variation

#c5f80c
```
#c5f80c rgb(197,248,12)
```
#caf91f
```
#caf91f rgb(202,249,31)
```
#cffa32
```
#cffa32 rgb(207,250,50)
```
#d3fa45
```
#d3fa45 rgb(211,250,69)
```
#d8fb58
```
#d8fb58 rgb(216,251,88)
```
#dcfb6b
```
#dcfb6b rgb(220,251,107)
```
#e1fc7f
```
#e1fc7f rgb(225,252,127)
```
#e5fc92
```
#e5fc92 rgb(229,252,146)
```
#eafda5
```
#eafda5 rgb(234,253,165)
```
#eefdb8
```
#eefdb8 rgb(238,253,184)
```
#f3fecb
```
#f3fecb rgb(243,254,203)
```
#f7fede
```
#f7fede rgb(247,254,222)
```
#fcfff1
```
#fcfff1 rgb(252,255,241)
```

Tint Color Variation

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

#8e8f89
```
#8e8f89 rgb(142,143,137)
```
#939880
```
#939880 rgb(147,152,128)
```
#98a177
```
#98a177 rgb(152,161,119)
```
#9da96f
```
#9da96f rgb(157,169,111)
```
#a2b266
```
#a2b266 rgb(162,178,102)
```
#a7bb5d
```
#a7bb5d rgb(167,187,93)
```
#acc454
```
#acc454 rgb(172,196,84)
```
#b1cd4b
```
#b1cd4b rgb(177,205,75)
```
#b6d642
```
#b6d642 rgb(182,214,66)
```
#bbde3a
```
#bbde3a rgb(187,222,58)
```
#c0e731
```
#c0e731 rgb(192,231,49)
```
#c5f028
```
#c5f028 rgb(197,240,40)
```
#caf91f
```
#caf91f rgb(202,249,31)
```

Tone Color Variation

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

#ebee5d Protanomaly 1% of men, 0.01% of women
#ebec88 Deuteranomaly 6% of men, 0.4% of women
#d9eeaa Tritanomaly 0.01% of the population

#caf91f hex color

#caf91f Color Information

#caf91f Color Conversion

Color Schemes with #caf91f

Alternatives to #caf91f

#caf91f Preview

Shades and Tints of #caf91f

Tones of #caf91f

Color Blindness Simulator