#2ff996 hex color

In a RGB color space, hex #2ff996 is composed of 18.4% red, 97.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 0% magenta, 39.8% yellow and 2.4% black. It has a hue angle of 150.6 degrees, a saturation of 94.4% and a lightness of 58%. #2ff996 color hex could be obtained by blending #5effff with #00f32d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 18
- G 98
- B 59
RGB color chart
- C 81
- M 0
- Y 40
- K 2
CMYK color chart

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

The hexadecimal color #2ff996 has RGB values of R:47, G:249, B:150 and CMYK values of C:0.81, M:0, Y:0.4, K:0.02. Its decimal value is 3144086.

Hex triplet	2ff996	`#2ff996`
RGB Decimal	47, 249, 150	`rgb(47,249,150)`
RGB Percent	18.4, 97.6, 58.8	`rgb(18.4%,97.6%,58.8%)`
CMYK	81, 0, 40, 2
HSL	150.6°, 94.4, 58	`hsl(150.6,94.4%,58%)`
HSV (or HSB)	150.6°, 81.1, 97.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.268, -68.715, 34.411
XYZ	40.55, 70.553, 40.334
xyY	0.268, 0.466, 70.553
CIE-LCH	87.268, 76.85, 153.399
CIE-LUV	87.268, -73.597, 59.223
Hunter-Lab	83.996, -60.82, 30.327
Binary	00101111, 11111001, 10010110

#2ff996
```
#2ff996 rgb(47,249,150)
```
#f92f92
```
#f92f92 rgb(249,47,146)
```

Complementary Color

#2ff931
```
#2ff931 rgb(47,249,49)
```
#2ff996
```
#2ff996 rgb(47,249,150)
```
#2ff7f9
```
#2ff7f9 rgb(47,247,249)
```

Analogous Color

#f9312f
```
#f9312f rgb(249,49,47)
```
#2ff996
```
#2ff996 rgb(47,249,150)
```
#f92ff7
```
#f92ff7 rgb(249,47,247)
```

Split Complementary Color

#f9962f
```
#f9962f rgb(249,150,47)
```
#2ff996
```
#2ff996 rgb(47,249,150)
```
#962ff9
```
#962ff9 rgb(150,47,249)
```

Triadic Color

#92f92f
```
#92f92f rgb(146,249,47)
```
#2ff996
```
#2ff996 rgb(47,249,150)
```
#962ff9
```
#962ff9 rgb(150,47,249)
```
#f92f92
```
#f92f92 rgb(249,47,146)
```

Tetradic Color

#06d570
```
#06d570 rgb(6,213,112)
```
#07ee7d
```
#07ee7d rgb(7,238,125)
```
#16f889
```
#16f889 rgb(22,248,137)
```
#2ff996
```
#2ff996 rgb(47,249,150)
```
#48faa3
```
#48faa3 rgb(72,250,163)
```
#61faaf
```
#61faaf rgb(97,250,175)
```
#79fbbc
```
#79fbbc rgb(121,251,188)
```

Monochromatic Color

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

#2ff964
```
#2ff964 rgb(47,249,100)
```
#2ff974
```
#2ff974 rgb(47,249,116)
```
#2ff985
```
#2ff985 rgb(47,249,133)
```
#2ff996
```
#2ff996 rgb(47,249,150)
```
#2ff9a7
```
#2ff9a7 rgb(47,249,167)
```
#2ff9b8
```
#2ff9b8 rgb(47,249,184)
```
#2ff9c9
```
#2ff9c9 rgb(47,249,201)
```

Similar Colors

Text with hexadecimal color #2ff996

This text has a font color of #2ff996.

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

#2ff996 background color

This paragraph has a background color of #2ff996.

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

#2ff996 border color

This element has a border color of #2ff996.

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

CSS codes

.text {color:#2ff996;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#01150b
```
#01150b rgb(1,21,11)
```
#012815
```
#012815 rgb(1,40,21)
```
#023b1f
```
#023b1f rgb(2,59,31)
```
#024e29
```
#024e29 rgb(2,78,41)
```
#036133
```
#036133 rgb(3,97,51)
```
#03743d
```
#03743d rgb(3,116,61)
```
#048747
```
#048747 rgb(4,135,71)
```
#049a51
```
#049a51 rgb(4,154,81)
```
#05ad5b
```
#05ad5b rgb(5,173,91)
```
#06c065
```
#06c065 rgb(6,192,101)
```
#06d36f
```
#06d36f rgb(6,211,111)
```
#07e779
```
#07e779 rgb(7,231,121)
```

Shade Color Variation

#09f883
```
#09f883 rgb(9,248,131)
```
#1cf88c
```
#1cf88c rgb(28,248,140)
```
#2ff996
```
#2ff996 rgb(47,249,150)
```
#42faa0
```
#42faa0 rgb(66,250,160)
```
#55faa9
```
#55faa9 rgb(85,250,169)
```
#68fbb3
```
#68fbb3 rgb(104,251,179)
```
#7bfbbc
```
#7bfbbc rgb(123,251,188)
```
#8efcc6
```
#8efcc6 rgb(142,252,198)
```
#a1fcd0
```
#a1fcd0 rgb(161,252,208)
```
#b4fdd9
```
#b4fdd9 rgb(180,253,217)
```
#c8fde3
```
#c8fde3 rgb(200,253,227)
```
#dbfeed
```
#dbfeed rgb(219,254,237)
```
#eefef6
```
#eefef6 rgb(238,254,246)
```

Tint Color Variation

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

#929694
```
#929694 rgb(146,150,148)
```
#8a9e94
```
#8a9e94 rgb(138,158,148)
```
#81a794
```
#81a794 rgb(129,167,148)
```
#79af95
```
#79af95 rgb(121,175,149)
```
#71b795
```
#71b795 rgb(113,183,149)
```
#69bf95
```
#69bf95 rgb(105,191,149)
```
#60c895
```
#60c895 rgb(96,200,149)
```
#58d095
```
#58d095 rgb(88,208,149)
```
#50d895
```
#50d895 rgb(80,216,149)
```
#48e096
```
#48e096 rgb(72,224,150)
```
#3fe996
```
#3fe996 rgb(63,233,150)
```
#37f196
```
#37f196 rgb(55,241,150)
```
#2ff996
```
#2ff996 rgb(47,249,150)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#97bfac Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdc90 Protanopia 1% of men
#ffd4ae Deuteranopia 1% of men
#73edfe Tritanopia 0.001% of the population

Trichromacy

#a9e692 Protanomaly 1% of men, 0.01% of women
#b3e2a5 Deuteranomaly 6% of men, 0.4% of women
#5af1d8 Tritanomaly 0.01% of the population

#2ff996 hex color

#2ff996 Color Information

#2ff996 Color Conversion

Color Schemes with #2ff996

Alternatives to #2ff996

#2ff996 Preview

Shades and Tints of #2ff996

Tones of #2ff996

Color Blindness Simulator