#caf90f hex color

In a RGB color space, hex #caf90f is composed of 79.2% red, 97.6% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 94% yellow and 2.4% black. It has a hue angle of 72.1 degrees, a saturation of 95.1% and a lightness of 51.8%. #caf90f color hex could be obtained by blending #ffff1e with #95f300. Closest websafe color is: #ccff00.

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

● #caf90f color description : Vivid yellow.

The hexadecimal color #caf90f has RGB values of R:202, G:249, B:15 and CMYK values of C:0.19, M:0, Y:0.94, K:0.02. Its decimal value is 13302031.

Hex triplet	caf90f	`#caf90f`
RGB Decimal	202, 249, 15	`rgb(202,249,15)`
RGB Percent	79.2, 97.6, 5.9	`rgb(79.2%,97.6%,5.9%)`
CMYK	19, 0, 94, 2
HSL	72.1°, 95.1, 51.8	`hsl(72.1,95.1%,51.8%)`
HSV (or HSB)	72.1°, 94, 97.6
Web Safe	ccff00	`#ccff00`

CIE-LAB	91.838, -39.946, 87.731
XYZ	58.318, 80.342, 12.887
xyY	0.385, 0.53, 80.342
CIE-LCH	91.838, 96.397, 114.481
CIE-LUV	91.838, -22.312, 103.84
Hunter-Lab	89.634, -40.721, 54.219
Binary	11001010, 11111001, 00001111

#caf90f
```
#caf90f rgb(202,249,15)
```
#3e0ff9
```
#3e0ff9 rgb(62,15,249)
```

Complementary Color

#f9b30f
```
#f9b30f rgb(249,179,15)
```
#caf90f
```
#caf90f rgb(202,249,15)
```
#55f90f
```
#55f90f rgb(85,249,15)
```

Analogous Color

#b30ff9
```
#b30ff9 rgb(179,15,249)
```
#caf90f
```
#caf90f rgb(202,249,15)
```
#0f55f9
```
#0f55f9 rgb(15,85,249)
```

Split Complementary Color

#f90fca
```
#f90fca rgb(249,15,202)
```
#caf90f
```
#caf90f rgb(202,249,15)
```
#0fcaf9
```
#0fcaf9 rgb(15,202,249)
```

Triadic Color

#f93e0f
```
#f93e0f rgb(249,62,15)
```
#caf90f
```
#caf90f rgb(202,249,15)
```
#0fcaf9
```
#0fcaf9 rgb(15,202,249)
```
#3e0ff9
```
#3e0ff9 rgb(62,15,249)
```

Tetradic Color

#93b705
```
#93b705 rgb(147,183,5)
```
#a7d005
```
#a7d005 rgb(167,208,5)
```
#bbe906
```
#bbe906 rgb(187,233,6)
```
#caf90f
```
#caf90f rgb(202,249,15)
```
#cffa28
```
#cffa28 rgb(207,250,40)
```
#d5fa41
```
#d5fa41 rgb(213,250,65)
```
#dafb5a
```
#dafb5a rgb(218,251,90)
```

Monochromatic Color

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

#f9ee0f
```
#f9ee0f rgb(249,238,15)
```
#f1f90f
```
#f1f90f rgb(241,249,15)
```
#def90f
```
#def90f rgb(222,249,15)
```
#caf90f
```
#caf90f rgb(202,249,15)
```
#b7f90f
```
#b7f90f rgb(183,249,15)
```
#a3f90f
```
#a3f90f rgb(163,249,15)
```
#90f90f
```
#90f90f rgb(144,249,15)
```

Similar Colors

Text with hexadecimal color #caf90f

This text has a font color of #caf90f.

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

#caf90f background color

This paragraph has a background color of #caf90f.

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

#caf90f border color

This element has a border color of #caf90f.

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

CSS codes

.text {color:#caf90f;}

.background {background-color:#caf90f;}

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

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

#070900
```
#070900 rgb(7,9,0)
```
#161c01
```
#161c01 rgb(22,28,1)
```
#262f01
```
#262f01 rgb(38,47,1)
```
#354202
```
#354202 rgb(53,66,2)
```
#455502
```
#455502 rgb(69,85,2)
```
#546803
```
#546803 rgb(84,104,3)
```
#637c03
```
#637c03 rgb(99,124,3)
```
#738f04
```
#738f04 rgb(115,143,4)
```
#82a204
```
#82a204 rgb(130,162,4)
```
#92b505
```
#92b505 rgb(146,181,5)
```
#a1c805
```
#a1c805 rgb(161,200,5)
```
#b0db05
```
#b0db05 rgb(176,219,5)
```
#c0ee06
```
#c0ee06 rgb(192,238,6)
```

Shade Color Variation

#caf90f
```
#caf90f rgb(202,249,15)
```
#cef922
```
#cef922 rgb(206,249,34)
```
#d2fa35
```
#d2fa35 rgb(210,250,53)
```
#d7fa48
```
#d7fa48 rgb(215,250,72)
```
#dbfb5c
```
#dbfb5c rgb(219,251,92)
```
#dffb6f
```
#dffb6f rgb(223,251,111)
```
#e3fc82
```
#e3fc82 rgb(227,252,130)
```
#e8fc95
```
#e8fc95 rgb(232,252,149)
```
#ecfda8
```
#ecfda8 rgb(236,253,168)
```
#f0fdbb
```
#f0fdbb rgb(240,253,187)
```
#f4fece
```
#f4fece rgb(244,254,206)
```
#f8fee2
```
#f8fee2 rgb(248,254,226)
```
#fdfff5
```
#fdfff5 rgb(253,255,245)
```

Tint Color Variation

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

#868781
```
#868781 rgb(134,135,129)
```
#8c9177
```
#8c9177 rgb(140,145,119)
```
#919a6e
```
#919a6e rgb(145,154,110)
```
#97a464
```
#97a464 rgb(151,164,100)
```
#9dad5b
```
#9dad5b rgb(157,173,91)
```
#a2b751
```
#a2b751 rgb(162,183,81)
```
#a8c048
```
#a8c048 rgb(168,192,72)
```
#aeca3e
```
#aeca3e rgb(174,202,62)
```
#b3d335
```
#b3d335 rgb(179,211,53)
```
#b9dd2b
```
#b9dd2b rgb(185,221,43)
```
#bfe622
```
#bfe622 rgb(191,230,34)
```
#c4f018
```
#c4f018 rgb(196,240,24)
```
#caf90f
```
#caf90f rgb(202,249,15)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cfd8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe97f Protanopia 1% of men
#ffe4c4 Deuteranopia 1% of men
#e2e8f9 Tritanopia 0.001% of the population

Trichromacy

#ebee56 Protanomaly 1% of men, 0.01% of women
#ebec82 Deuteranomaly 6% of men, 0.4% of women
#d9eea4 Tritanomaly 0.01% of the population

#caf90f hex color

#caf90f Color Information

#caf90f Color Conversion

Color Schemes with #caf90f

Alternatives to #caf90f

#caf90f Preview

Shades and Tints of #caf90f

Tones of #caf90f

Color Blindness Simulator