#cafe1f hex color

In a RGB color space, hex #cafe1f is composed of 79.2% red, 99.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 0% magenta, 87.8% yellow and 0.4% black. It has a hue angle of 74 degrees, a saturation of 99.1% and a lightness of 55.9%. #cafe1f color hex could be obtained by blending #ffff3e with #95fd00. Closest websafe color is: #ccff33.

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

● #cafe1f color description : Vivid yellow.

The hexadecimal color #cafe1f has RGB values of R:202, G:254, B:31 and CMYK values of C:0.2, M:0, Y:0.88, K:0. Its decimal value is 13303327.

Hex triplet	cafe1f	`#cafe1f`
RGB Decimal	202, 254, 31	`rgb(202,254,31)`
RGB Percent	79.2, 99.6, 12.2	`rgb(79.2%,99.6%,12.2%)`
CMYK	20, 0, 88, 0
HSL	74°, 99.1, 55.9	`hsl(74,99.1%,55.9%)`
HSV (or HSB)	74°, 87.8, 99.6
Web Safe	ccff33	`#ccff33`

CIE-LAB	93.25, -41.877, 86.801
XYZ	60.046, 83.538, 14.257
xyY	0.38, 0.529, 83.538
CIE-LCH	93.25, 96.375, 115.755
CIE-LUV	93.25, -25.094, 104.454
Hunter-Lab	91.399, -42.682, 54.731
Binary	11001010, 11111110, 00011111

#cafe1f
```
#cafe1f rgb(202,254,31)
```
#531ffe
```
#531ffe rgb(83,31,254)
```

Complementary Color

#fec31f
```
#fec31f rgb(254,195,31)
```
#cafe1f
```
#cafe1f rgb(202,254,31)
```
#5bfe1f
```
#5bfe1f rgb(91,254,31)
```

Analogous Color

#c31ffe
```
#c31ffe rgb(195,31,254)
```
#cafe1f
```
#cafe1f rgb(202,254,31)
```
#1f5bfe
```
#1f5bfe rgb(31,91,254)
```

Split Complementary Color

#fe1fca
```
#fe1fca rgb(254,31,202)
```
#cafe1f
```
#cafe1f rgb(202,254,31)
```
#1fcafe
```
#1fcafe rgb(31,202,254)
```

Triadic Color

#fe531f
```
#fe531f rgb(254,83,31)
```
#cafe1f
```
#cafe1f rgb(202,254,31)
```
#1fcafe
```
#1fcafe rgb(31,202,254)
```
#531ffe
```
#531ffe rgb(83,31,254)
```

Tetradic Color

#9fd001
```
#9fd001 rgb(159,208,1)
```
#b3e901
```
#b3e901 rgb(179,233,1)
```
#c4fe06
```
#c4fe06 rgb(196,254,6)
```
#cafe1f
```
#cafe1f rgb(202,254,31)
```
#d0fe38
```
#d0fe38 rgb(208,254,56)
```
#d6fe52
```
#d6fe52 rgb(214,254,82)
```
#dcfe6b
```
#dcfe6b rgb(220,254,107)
```

Monochromatic Color

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

#fefa1f
```
#fefa1f rgb(254,250,31)
```
#effe1f
```
#effe1f rgb(239,254,31)
```
#ddfe1f
```
#ddfe1f rgb(221,254,31)
```
#cafe1f
```
#cafe1f rgb(202,254,31)
```
#b7fe1f
```
#b7fe1f rgb(183,254,31)
```
#a5fe1f
```
#a5fe1f rgb(165,254,31)
```
#92fe1f
```
#92fe1f rgb(146,254,31)
```

Similar Colors

Text with hexadecimal color #cafe1f

This text has a font color of #cafe1f.

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

#cafe1f background color

This paragraph has a background color of #cafe1f.

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

#cafe1f border color

This element has a border color of #cafe1f.

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

CSS codes

.text {color:#cafe1f;}

.background {background-color:#cafe1f;}

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

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, #080a00 is the darkest color, while #fdfff6 is the lightest one.

#080a00
```
#080a00 rgb(8,10,0)
```
#171e00
```
#171e00 rgb(23,30,0)
```
#263100
```
#263100 rgb(38,49,0)
```
#354500
```
#354500 rgb(53,69,0)
```
#445800
```
#445800 rgb(68,88,0)
```
#536c00
```
#536c00 rgb(83,108,0)
```
#628001
```
#628001 rgb(98,128,1)
```
#719301
```
#719301 rgb(113,147,1)
```
#80a701
```
#80a701 rgb(128,167,1)
```
#8fba01
```
#8fba01 rgb(143,186,1)
```
#9ece01
```
#9ece01 rgb(158,206,1)
```
#ade101
```
#ade101 rgb(173,225,1)
```
#bcf501
```
#bcf501 rgb(188,245,1)
```

Shade Color Variation

#c5fe0b
```
#c5fe0b rgb(197,254,11)
```
#cafe1f
```
#cafe1f rgb(202,254,31)
```
#cffe33
```
#cffe33 rgb(207,254,51)
```
#d3fe46
```
#d3fe46 rgb(211,254,70)
```
#d8fe5a
```
#d8fe5a rgb(216,254,90)
```
#dcfe6d
```
#dcfe6d rgb(220,254,109)
```
#e1fe81
```
#e1fe81 rgb(225,254,129)
```
#e6ff94
```
#e6ff94 rgb(230,255,148)
```
#eaffa8
```
#eaffa8 rgb(234,255,168)
```
#efffbb
```
#efffbb rgb(239,255,187)
```
#f4ffcf
```
#f4ffcf rgb(244,255,207)
```
#f8ffe2
```
#f8ffe2 rgb(248,255,226)
```
#fdfff6
```
#fdfff6 rgb(253,255,246)
```

Tint Color Variation

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

#939687
```
#939687 rgb(147,150,135)
```
#979f7e
```
#979f7e rgb(151,159,126)
```
#9ca776
```
#9ca776 rgb(156,167,118)
```
#a0b06d
```
#a0b06d rgb(160,176,109)
```
#a5b964
```
#a5b964 rgb(165,185,100)
```
#aac15c
```
#aac15c rgb(170,193,92)
```
#aeca53
```
#aeca53 rgb(174,202,83)
```
#b3d34a
```
#b3d34a rgb(179,211,74)
```
#b8db42
```
#b8db42 rgb(184,219,66)
```
#bce439
```
#bce439 rgb(188,228,57)
```
#c1ed30
```
#c1ed30 rgb(193,237,48)
```
#c5f528
```
#c5f528 rgb(197,245,40)
```
#cafe1f
```
#cafe1f rgb(202,254,31)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d3ddb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffec9f Protanopia 1% of men
#ffe9cf Deuteranopia 1% of men
#e3edfe Tritanopia 0.001% of the population

Trichromacy

#ebf370 Protanomaly 1% of men, 0.01% of women
#ebf08f Deuteranomaly 6% of men, 0.4% of women
#daf3ad Tritanomaly 0.01% of the population

#cafe1f hex color

#cafe1f Color Information

#cafe1f Color Conversion

Color Schemes with #cafe1f

Alternatives to #cafe1f

#cafe1f Preview

Shades and Tints of #cafe1f

Tones of #cafe1f

Color Blindness Simulator