#2ff296 hex color

In a RGB color space, hex #2ff296 is composed of 18.4% red, 94.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 38% yellow and 5.1% black. It has a hue angle of 151.7 degrees, a saturation of 88.2% and a lightness of 56.7%. #2ff296 color hex could be obtained by blending #5effff with #00e52d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 18
- G 95
- B 59
RGB color chart
- C 81
- M 0
- Y 38
- K 5
CMYK color chart

● #2ff296 color description : Bright cyan - lime green.

The hexadecimal color #2ff296 has RGB values of R:47, G:242, B:150 and CMYK values of C:0.81, M:0, Y:0.38, K:0.05. Its decimal value is 3142294.

Hex triplet	2ff296	`#2ff296`
RGB Decimal	47, 242, 150	`rgb(47,242,150)`
RGB Percent	18.4, 94.9, 58.8	`rgb(18.4%,94.9%,58.8%)`
CMYK	81, 0, 38, 5
HSL	151.7°, 88.2, 56.7	`hsl(151.7,88.2%,56.7%)`
HSV (or HSB)	151.7°, 80.6, 94.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.153, -66.287, 31.609
XYZ	38.427, 66.307, 39.626
xyY	0.266, 0.459, 66.307
CIE-LCH	85.153, 73.438, 154.505
CIE-LUV	85.153, -71.293, 55.048
Hunter-Lab	81.429, -58.266, 28.148
Binary	00101111, 11110010, 10010110

#2ff296
```
#2ff296 rgb(47,242,150)
```
#f22f8b
```
#f22f8b rgb(242,47,139)
```

Complementary Color

#2ff235
```
#2ff235 rgb(47,242,53)
```
#2ff296
```
#2ff296 rgb(47,242,150)
```
#2fedf2
```
#2fedf2 rgb(47,237,242)
```

Analogous Color

#f2352f
```
#f2352f rgb(242,53,47)
```
#2ff296
```
#2ff296 rgb(47,242,150)
```
#f22fed
```
#f22fed rgb(242,47,237)
```

Split Complementary Color

#f2962f
```
#f2962f rgb(242,150,47)
```
#2ff296
```
#2ff296 rgb(47,242,150)
```
#962ff2
```
#962ff2 rgb(150,47,242)
```

Triadic Color

#8bf22f
```
#8bf22f rgb(139,242,47)
```
#2ff296
```
#2ff296 rgb(47,242,150)
```
#962ff2
```
#962ff2 rgb(150,47,242)
```
#f22f8b
```
#f22f8b rgb(242,47,139)
```

Tetradic Color

#0dc870
```
#0dc870 rgb(13,200,112)
```
#0ee07d
```
#0ee07d rgb(14,224,125)
```
#17f18a
```
#17f18a rgb(23,241,138)
```
#2ff296
```
#2ff296 rgb(47,242,150)
```
#47f4a2
```
#47f4a2 rgb(71,244,162)
```
#5ff5ae
```
#5ff5ae rgb(95,245,174)
```
#77f7ba
```
#77f7ba rgb(119,247,186)
```

Monochromatic Color

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

#2ff265
```
#2ff265 rgb(47,242,101)
```
#2ff276
```
#2ff276 rgb(47,242,118)
```
#2ff286
```
#2ff286 rgb(47,242,134)
```
#2ff296
```
#2ff296 rgb(47,242,150)
```
#2ff2a6
```
#2ff2a6 rgb(47,242,166)
```
#2ff2b7
```
#2ff2b7 rgb(47,242,183)
```
#2ff2c7
```
#2ff2c7 rgb(47,242,199)
```

Similar Colors

Text with hexadecimal color #2ff296

This text has a font color of #2ff296.

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

#2ff296 background color

This paragraph has a background color of #2ff296.

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

#2ff296 border color

This element has a border color of #2ff296.

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

CSS codes

.text {color:#2ff296;}

.background {background-color:#2ff296;}

.border {border:1px solid #2ff296;}

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, #010e08 is the darkest color, while #fafffd is the lightest one.

#010e08
```
#010e08 rgb(1,14,8)
```
#022012
```
#022012 rgb(2,32,18)
```
#03321c
```
#03321c rgb(3,50,28)
```
#044526
```
#044526 rgb(4,69,38)
```
#055731
```
#055731 rgb(5,87,49)
```
#076a3b
```
#076a3b rgb(7,106,59)
```
#087c45
```
#087c45 rgb(8,124,69)
```
#098f50
```
#098f50 rgb(9,143,80)
```
#0aa15a
```
#0aa15a rgb(10,161,90)
```
#0bb464
```
#0bb464 rgb(11,180,100)
```
#0cc66f
```
#0cc66f rgb(12,198,111)
```
#0ed979
```
#0ed979 rgb(14,217,121)
```
#0feb83
```
#0feb83 rgb(15,235,131)
```

Shade Color Variation

#1df18d
```
#1df18d rgb(29,241,141)
```
#2ff296
```
#2ff296 rgb(47,242,150)
```
#41f39f
```
#41f39f rgb(65,243,159)
```
#54f4a9
```
#54f4a9 rgb(84,244,169)
```
#66f5b2
```
#66f5b2 rgb(102,245,178)
```
#79f7bb
```
#79f7bb rgb(121,247,187)
```
#8bf8c5
```
#8bf8c5 rgb(139,248,197)
```
#9ef9ce
```
#9ef9ce rgb(158,249,206)
```
#b0fad7
```
#b0fad7 rgb(176,250,215)
```
#c3fbe1
```
#c3fbe1 rgb(195,251,225)
```
#d5fcea
```
#d5fcea rgb(213,252,234)
```
#e8fef3
```
#e8fef3 rgb(232,254,243)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

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

#8d9591
```
#8d9591 rgb(141,149,145)
```
#849d91
```
#849d91 rgb(132,157,145)
```
#7ca692
```
#7ca692 rgb(124,166,146)
```
#73ae92
```
#73ae92 rgb(115,174,146)
```
#6bb793
```
#6bb793 rgb(107,183,147)
```
#62bf93
```
#62bf93 rgb(98,191,147)
```
#5ac894
```
#5ac894 rgb(90,200,148)
```
#51d094
```
#51d094 rgb(81,208,148)
```
#49d995
```
#49d995 rgb(73,217,149)
```
#40e195
```
#40e195 rgb(64,225,149)
```
#38ea96
```
#38ea96 rgb(56,234,150)
```
#2ff296
```
#2ff296 rgb(47,242,150)
```
#27fb96
```
#27fb96 rgb(39,251,150)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#94bba8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d690 Protanopia 1% of men
#facea7 Deuteranopia 1% of men
#70e7f8 Tritanopia 0.001% of the population

Trichromacy

#a5e092 Protanomaly 1% of men, 0.01% of women
#b0dba1 Deuteranomaly 6% of men, 0.4% of women
#58ebd4 Tritanomaly 0.01% of the population

#2ff296 hex color

#2ff296 Color Information

#2ff296 Color Conversion

Color Schemes with #2ff296

Alternatives to #2ff296

#2ff296 Preview

Shades and Tints of #2ff296

Tones of #2ff296

Color Blindness Simulator