#2ef396 hex color

In a RGB color space, hex #2ef396 is composed of 18% red, 95.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 0% magenta, 38.3% yellow and 4.7% black. It has a hue angle of 151.7 degrees, a saturation of 89.1% and a lightness of 56.7%. #2ef396 color hex could be obtained by blending #5cffff with #00e72d. 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

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

The hexadecimal color #2ef396 has RGB values of R:46, G:243, B:150 and CMYK values of C:0.81, M:0, Y:0.38, K:0.05. Its decimal value is 3077014.

Hex triplet	2ef396	`#2ef396`
RGB Decimal	46, 243, 150	`rgb(46,243,150)`
RGB Percent	18, 95.3, 58.8	`rgb(18%,95.3%,58.8%)`
CMYK	81, 0, 38, 5
HSL	151.7°, 89.1, 56.7	`hsl(151.7,89.1%,56.7%)`
HSV (or HSB)	151.7°, 81.1, 95.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.443, -66.731, 31.994
XYZ	38.679, 66.88, 39.723
xyY	0.266, 0.46, 66.88
CIE-LCH	85.443, 74.004, 154.385
CIE-LUV	85.443, -71.736, 55.64
Hunter-Lab	81.78, -58.691, 28.447
Binary	00101110, 11110011, 10010110

#2ef396
```
#2ef396 rgb(46,243,150)
```
#f32e8b
```
#f32e8b rgb(243,46,139)
```

Complementary Color

#2ef333
```
#2ef333 rgb(46,243,51)
```
#2ef396
```
#2ef396 rgb(46,243,150)
```
#2eeef3
```
#2eeef3 rgb(46,238,243)
```

Analogous Color

#f3332e
```
#f3332e rgb(243,51,46)
```
#2ef396
```
#2ef396 rgb(46,243,150)
```
#f32eee
```
#f32eee rgb(243,46,238)
```

Split Complementary Color

#f3962e
```
#f3962e rgb(243,150,46)
```
#2ef396
```
#2ef396 rgb(46,243,150)
```
#962ef3
```
#962ef3 rgb(150,46,243)
```

Triadic Color

#8bf32e
```
#8bf32e rgb(139,243,46)
```
#2ef396
```
#2ef396 rgb(46,243,150)
```
#962ef3
```
#962ef3 rgb(150,46,243)
```
#f32e8b
```
#f32e8b rgb(243,46,139)
```

Tetradic Color

#0cc970
```
#0cc970 rgb(12,201,112)
```
#0de17d
```
#0de17d rgb(13,225,125)
```
#16f28a
```
#16f28a rgb(22,242,138)
```
#2ef396
```
#2ef396 rgb(46,243,150)
```
#46f4a2
```
#46f4a2 rgb(70,244,162)
```
#5ef6ae
```
#5ef6ae rgb(94,246,174)
```
#76f7ba
```
#76f7ba rgb(118,247,186)
```

Monochromatic Color

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

#2ef365
```
#2ef365 rgb(46,243,101)
```
#2ef375
```
#2ef375 rgb(46,243,117)
```
#2ef386
```
#2ef386 rgb(46,243,134)
```
#2ef396
```
#2ef396 rgb(46,243,150)
```
#2ef3a6
```
#2ef3a6 rgb(46,243,166)
```
#2ef3b7
```
#2ef3b7 rgb(46,243,183)
```
#2ef3c7
```
#2ef3c7 rgb(46,243,199)
```

Similar Colors

Text with hexadecimal color #2ef396

This text has a font color of #2ef396.

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

#2ef396 background color

This paragraph has a background color of #2ef396.

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

#2ef396 border color

This element has a border color of #2ef396.

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

CSS codes

.text {color:#2ef396;}

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

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

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)
```
#03331c
```
#03331c rgb(3,51,28)
```
#044526
```
#044526 rgb(4,69,38)
```
#055831
```
#055831 rgb(5,88,49)
```
#066a3b
```
#066a3b rgb(6,106,59)
```
#077d45
```
#077d45 rgb(7,125,69)
```
#088f50
```
#088f50 rgb(8,143,80)
```
#09a25a
```
#09a25a rgb(9,162,90)
```
#0ab564
```
#0ab564 rgb(10,181,100)
```
#0bc76f
```
#0bc76f rgb(11,199,111)
```
#0cda79
```
#0cda79 rgb(12,218,121)
```
#0eec83
```
#0eec83 rgb(14,236,131)
```

Shade Color Variation

#1bf28d
```
#1bf28d rgb(27,242,141)
```
#2ef396
```
#2ef396 rgb(46,243,150)
```
#41f49f
```
#41f49f rgb(65,244,159)
```
#53f5a9
```
#53f5a9 rgb(83,245,169)
```
#66f6b2
```
#66f6b2 rgb(102,246,178)
```
#78f7bb
```
#78f7bb rgb(120,247,187)
```
#8bf8c5
```
#8bf8c5 rgb(139,248,197)
```
#9df9ce
```
#9df9ce rgb(157,249,206)
```
#b0fad7
```
#b0fad7 rgb(176,250,215)
```
#c2fce1
```
#c2fce1 rgb(194,252,225)
```
#d5fdea
```
#d5fdea rgb(213,253,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, #8c9691 is the less saturated color, while #26fc96 is the most saturated one.

#8c9691
```
#8c9691 rgb(140,150,145)
```
#839e91
```
#839e91 rgb(131,158,145)
```
#7ba792
```
#7ba792 rgb(123,167,146)
```
#72af92
```
#72af92 rgb(114,175,146)
```
#6ab893
```
#6ab893 rgb(106,184,147)
```
#61c093
```
#61c093 rgb(97,192,147)
```
#59c994
```
#59c994 rgb(89,201,148)
```
#50d194
```
#50d194 rgb(80,209,148)
```
#48da95
```
#48da95 rgb(72,218,149)
```
#3fe295
```
#3fe295 rgb(63,226,149)
```
#37eb96
```
#37eb96 rgb(55,235,150)
```
#2ef396
```
#2ef396 rgb(46,243,150)
```
#26fc96
```
#26fc96 rgb(38,252,150)
```

Tone Color Variation

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

#e9d790 Protanopia 1% of men
#fbcfa8 Deuteranopia 1% of men
#70e8f9 Tritanopia 0.001% of the population

Trichromacy

#a5e192 Protanomaly 1% of men, 0.01% of women
#b0dca1 Deuteranomaly 6% of men, 0.4% of women
#58ecd5 Tritanomaly 0.01% of the population

#2ef396 hex color

#2ef396 Color Information

#2ef396 Color Conversion

Color Schemes with #2ef396

Alternatives to #2ef396

#2ef396 Preview

Shades and Tints of #2ef396

Tones of #2ef396

Color Blindness Simulator