#cafe31 hex color

In a RGB color space, hex #cafe31 is composed of 79.2% red, 99.6% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 0% magenta, 80.7% yellow and 0.4% black. It has a hue angle of 75.2 degrees, a saturation of 99% and a lightness of 59.4%. #cafe31 color hex could be obtained by blending #ffff62 with #95fd00. Closest websafe color is: #ccff33.

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

● #cafe31 color description : Bright green.

The hexadecimal color #cafe31 has RGB values of R:202, G:254, B:49 and CMYK values of C:0.2, M:0, Y:0.81, K:0. Its decimal value is 13303345.

Hex triplet	cafe31	`#cafe31`
RGB Decimal	202, 254, 49	`rgb(202,254,49)`
RGB Percent	79.2, 99.6, 19.2	`rgb(79.2%,99.6%,19.2%)`
CMYK	20, 0, 81, 0
HSL	75.2°, 99, 59.4	`hsl(75.2,99%,59.4%)`
HSV (or HSB)	75.2°, 80.7, 99.6
Web Safe	ccff33	`#ccff33`

CIE-LAB	93.303, -41.378, 83.191
XYZ	60.353, 83.661, 15.874
xyY	0.377, 0.523, 83.661
CIE-LCH	93.303, 92.913, 116.445
CIE-LUV	93.303, -25.119, 102.043
Hunter-Lab	91.466, -42.286, 53.737
Binary	11001010, 11111110, 00110001

#cafe31
```
#cafe31 rgb(202,254,49)
```
#6531fe
```
#6531fe rgb(101,49,254)
```

Complementary Color

#fecc31
```
#fecc31 rgb(254,204,49)
```
#cafe31
```
#cafe31 rgb(202,254,49)
```
#64fe31
```
#64fe31 rgb(100,254,49)
```

Analogous Color

#cc31fe
```
#cc31fe rgb(204,49,254)
```
#cafe31
```
#cafe31 rgb(202,254,49)
```
#3164fe
```
#3164fe rgb(49,100,254)
```

Split Complementary Color

#fe31ca
```
#fe31ca rgb(254,49,202)
```
#cafe31
```
#cafe31 rgb(202,254,49)
```
#31cafe
```
#31cafe rgb(49,202,254)
```

Triadic Color

#fe6531
```
#fe6531 rgb(254,101,49)
```
#cafe31
```
#cafe31 rgb(202,254,49)
```
#31cafe
```
#31cafe rgb(49,202,254)
```
#6531fe
```
#6531fe rgb(101,49,254)
```

Tetradic Color

#a9e101
```
#a9e101 rgb(169,225,1)
```
#bbfb01
```
#bbfb01 rgb(187,251,1)
```
#c3fe18
```
#c3fe18 rgb(195,254,24)
```
#cafe31
```
#cafe31 rgb(202,254,49)
```
#d1fe4a
```
#d1fe4a rgb(209,254,74)
```
#d7fe64
```
#d7fe64 rgb(215,254,100)
```
#defe7d
```
#defe7d rgb(222,254,125)
```

Monochromatic Color

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

#fdfe31
```
#fdfe31 rgb(253,254,49)
```
#ecfe31
```
#ecfe31 rgb(236,254,49)
```
#dbfe31
```
#dbfe31 rgb(219,254,49)
```
#cafe31
```
#cafe31 rgb(202,254,49)
```
#b9fe31
```
#b9fe31 rgb(185,254,49)
```
#a8fe31
```
#a8fe31 rgb(168,254,49)
```
#97fe31
```
#97fe31 rgb(151,254,49)
```

Similar Colors

Text with hexadecimal color #cafe31

This text has a font color of #cafe31.

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

#cafe31 background color

This paragraph has a background color of #cafe31.

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

#cafe31 border color

This element has a border color of #cafe31.

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

CSS codes

.text {color:#cafe31;}

.background {background-color:#cafe31;}

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

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 #fcfff4 is the lightest one.

#070900
```
#070900 rgb(7,9,0)
```
#151c00
```
#151c00 rgb(21,28,0)
```
#243000
```
#243000 rgb(36,48,0)
```
#324300
```
#324300 rgb(50,67,0)
```
#415700
```
#415700 rgb(65,87,0)
```
#4f6a01
```
#4f6a01 rgb(79,106,1)
```
#5e7e01
```
#5e7e01 rgb(94,126,1)
```
#6d9101
```
#6d9101 rgb(109,145,1)
```
#7ba501
```
#7ba501 rgb(123,165,1)
```
#8ab801
```
#8ab801 rgb(138,184,1)
```
#98cc01
```
#98cc01 rgb(152,204,1)
```
#a7df01
```
#a7df01 rgb(167,223,1)
```
#b6f301
```
#b6f301 rgb(182,243,1)
```

Shade Color Variation

#c0fe0a
```
#c0fe0a rgb(192,254,10)
```
#c5fe1d
```
#c5fe1d rgb(197,254,29)
```
#cafe31
```
#cafe31 rgb(202,254,49)
```
#cffe45
```
#cffe45 rgb(207,254,69)
```
#d4fe58
```
#d4fe58 rgb(212,254,88)
```
#d9fe6c
```
#d9fe6c rgb(217,254,108)
```
#defe7f
```
#defe7f rgb(222,254,127)
```
#e3fe93
```
#e3fe93 rgb(227,254,147)
```
#e8ffa6
```
#e8ffa6 rgb(232,255,166)
```
#edffba
```
#edffba rgb(237,255,186)
```
#f2ffcd
```
#f2ffcd rgb(242,255,205)
```
#f7ffe1
```
#f7ffe1 rgb(247,255,225)
```
#fcfff4
```
#fcfff4 rgb(252,255,244)
```

Tint Color Variation

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

#9b9e91
```
#9b9e91 rgb(155,158,145)
```
#9fa689
```
#9fa689 rgb(159,166,137)
```
#a3ae81
```
#a3ae81 rgb(163,174,129)
```
#a7b679
```
#a7b679 rgb(167,182,121)
```
#abbe71
```
#abbe71 rgb(171,190,113)
```
#afc669
```
#afc669 rgb(175,198,105)
```
#b2ce61
```
#b2ce61 rgb(178,206,97)
```
#b6d659
```
#b6d659 rgb(182,214,89)
```
#bade51
```
#bade51 rgb(186,222,81)
```
#bee649
```
#bee649 rgb(190,230,73)
```
#c2ee41
```
#c2ee41 rgb(194,238,65)
```
#c6f639
```
#c6f639 rgb(198,246,57)
```
#cafe31
```
#cafe31 rgb(202,254,49)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d4dfb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda0 Protanopia 1% of men
#ffe9d0 Deuteranopia 1% of men
#e3edfe Tritanopia 0.001% of the population

Trichromacy

#ebf377 Protanomaly 1% of men, 0.01% of women
#ebf196 Deuteranomaly 6% of men, 0.4% of women
#daf3b3 Tritanomaly 0.01% of the population

#cafe31 hex color

#cafe31 Color Information

#cafe31 Color Conversion

Color Schemes with #cafe31

Alternatives to #cafe31

#cafe31 Preview

Shades and Tints of #cafe31

Tones of #cafe31

Color Blindness Simulator