#caff2e hex color

In a RGB color space, hex #caff2e is composed of 79.2% red, 100% green and 18% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 82% yellow and 0% black. It has a hue angle of 75.2 degrees, a saturation of 100% and a lightness of 59%. #caff2e color hex could be obtained by blending #ffff5c with #95ff00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 100
- B 18
RGB color chart
- C 21
- M 0
- Y 82
- K 0
CMYK color chart

● #caff2e color description : Vivid green.

The hexadecimal color #caff2e has RGB values of R:202, G:255, B:46 and CMYK values of C:0.21, M:0, Y:0.82, K:0. Its decimal value is 13303598.

Hex triplet	caff2e	`#caff2e`
RGB Decimal	202, 255, 46	`rgb(202,255,46)`
RGB Percent	79.2, 100, 18	`rgb(79.2%,100%,18%)`
CMYK	21, 0, 82, 0
HSL	75.2°, 100, 59	`hsl(75.2,100%,59%)`
HSV (or HSB)	75.2°, 82, 100
Web Safe	ccff33	`#ccff33`

CIE-LAB	93.569, -41.914, 84.13
XYZ	60.609, 84.273, 15.658
xyY	0.378, 0.525, 84.273
CIE-LCH	93.569, 93.993, 116.483
CIE-LUV	93.569, -25.659, 102.913
Hunter-Lab	91.8, -42.799, 54.147
Binary	11001010, 11111111, 00101110

#caff2e
```
#caff2e rgb(202,255,46)
```
#632eff
```
#632eff rgb(99,46,255)
```

Complementary Color

#ffcc2e
```
#ffcc2e rgb(255,204,46)
```
#caff2e
```
#caff2e rgb(202,255,46)
```
#62ff2e
```
#62ff2e rgb(98,255,46)
```

Analogous Color

#cc2eff
```
#cc2eff rgb(204,46,255)
```
#caff2e
```
#caff2e rgb(202,255,46)
```
#2e61ff
```
#2e61ff rgb(46,97,255)
```

Split Complementary Color

#ff2eca
```
#ff2eca rgb(255,46,202)
```
#caff2e
```
#caff2e rgb(202,255,46)
```
#2ecaff
```
#2ecaff rgb(46,202,255)
```

Triadic Color

#ff632e
```
#ff632e rgb(255,99,46)
```
#caff2e
```
#caff2e rgb(202,255,46)
```
#2ecaff
```
#2ecaff rgb(46,202,255)
```
#632eff
```
#632eff rgb(99,46,255)
```

Tetradic Color

#a8e100
```
#a8e100 rgb(168,225,0)
```
#bbfa00
```
#bbfa00 rgb(187,250,0)
```
#c4ff15
```
#c4ff15 rgb(196,255,21)
```
#caff2e
```
#caff2e rgb(202,255,46)
```
#d0ff48
```
#d0ff48 rgb(208,255,72)
```
#d7ff61
```
#d7ff61 rgb(215,255,97)
```
#ddff7b
```
#ddff7b rgb(221,255,123)
```

Monochromatic Color

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

#feff2e
```
#feff2e rgb(254,255,46)
```
#edff2e
```
#edff2e rgb(237,255,46)
```
#dbff2e
```
#dbff2e rgb(219,255,46)
```
#caff2e
```
#caff2e rgb(202,255,46)
```
#b9ff2e
```
#b9ff2e rgb(185,255,46)
```
#a7ff2e
```
#a7ff2e rgb(167,255,46)
```
#96ff2e
```
#96ff2e rgb(150,255,46)
```

Similar Colors

Text with hexadecimal color #caff2e

This text has a font color of #caff2e.

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

#caff2e background color

This paragraph has a background color of #caff2e.

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

#caff2e border color

This element has a border color of #caff2e.

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

CSS codes

.text {color:#caff2e;}

.background {background-color:#caff2e;}

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

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

#050700
```
#050700 rgb(5,7,0)
```
#141a00
```
#141a00 rgb(20,26,0)
```
#222e00
```
#222e00 rgb(34,46,0)
```
#314200
```
#314200 rgb(49,66,0)
```
#405500
```
#405500 rgb(64,85,0)
```
#4e6900
```
#4e6900 rgb(78,105,0)
```
#5d7c00
```
#5d7c00 rgb(93,124,0)
```
#6c9000
```
#6c9000 rgb(108,144,0)
```
#7aa400
```
#7aa400 rgb(122,164,0)
```
#89b700
```
#89b700 rgb(137,183,0)
```
#97cb00
```
#97cb00 rgb(151,203,0)
```
#a6df00
```
#a6df00 rgb(166,223,0)
```
#b5f200
```
#b5f200 rgb(181,242,0)
```

Shade Color Variation

#c0ff07
```
#c0ff07 rgb(192,255,7)
```
#c5ff1a
```
#c5ff1a rgb(197,255,26)
```
#caff2e
```
#caff2e rgb(202,255,46)
```
#cfff42
```
#cfff42 rgb(207,255,66)
```
#d4ff55
```
#d4ff55 rgb(212,255,85)
```
#d9ff69
```
#d9ff69 rgb(217,255,105)
```
#deff7c
```
#deff7c rgb(222,255,124)
```
#e3ff90
```
#e3ff90 rgb(227,255,144)
```
#e8ffa4
```
#e8ffa4 rgb(232,255,164)
```
#edffb7
```
#edffb7 rgb(237,255,183)
```
#f2ffcb
```
#f2ffcb rgb(242,255,203)
```
#f7ffdf
```
#f7ffdf rgb(247,255,223)
```
#fcfff2
```
#fcfff2 rgb(252,255,242)
```

Tint Color Variation

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

#9a9f8e
```
#9a9f8e rgb(154,159,142)
```
#9ea786
```
#9ea786 rgb(158,167,134)
```
#a2af7e
```
#a2af7e rgb(162,175,126)
```
#a6b776
```
#a6b776 rgb(166,183,118)
```
#aabf6e
```
#aabf6e rgb(170,191,110)
```
#aec766
```
#aec766 rgb(174,199,102)
```
#b2cf5e
```
#b2cf5e rgb(178,207,94)
```
#b6d756
```
#b6d756 rgb(182,215,86)
```
#badf4e
```
#badf4e rgb(186,223,78)
```
#bee746
```
#bee746 rgb(190,231,70)
```
#c2ef3e
```
#c2ef3e rgb(194,239,62)
```
#c6f736
```
#c6f736 rgb(198,247,54)
```
#caff2e
```
#caff2e rgb(202,255,46)
```

Tone Color Variation

Below, you can see how #caff2e 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
#d4dfb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda5 Protanopia 1% of men
#ffead2 Deuteranopia 1% of men
#e3eeff Tritanopia 0.001% of the population

Trichromacy

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

#caff2e hex color

#caff2e Color Information

#caff2e Color Conversion

Color Schemes with #caff2e

Alternatives to #caff2e

#caff2e Preview

Shades and Tints of #caff2e

Tones of #caff2e

Color Blindness Simulator