colorhexa.com

#2ef688 hex color

In a RGB color space, hex #2ef688 is composed of 18% red, 96.5% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 44.7% yellow and 3.5% black. It has a hue angle of 147 degrees, a saturation of 91.7% and a lightness of 57.3%. #2ef688 color hex could be obtained by blending #5cffff with #00ed11. Closest websafe color is: #33ff99.

- R 18
- G 96
- B 53
RGB color chart
- C 81
- M 0
- Y 45
- K 4
CMYK color chart

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

The hexadecimal color #2ef688 has RGB values of R:46, G:246, B:136 and CMYK values of C:0.81, M:0, Y:0.45, K:0.04. Its decimal value is 3077768.

Hex triplet	2ef688	`#2ef688`
RGB Decimal	46, 246, 136	`rgb(46,246,136)`
RGB Percent	18, 96.5, 53.3	`rgb(18%,96.5%,53.3%)`
CMYK	81, 0, 45, 4
HSL	147°, 91.7, 57.3	`hsl(147,91.7%,57.3%)`
HSV (or HSB)	147°, 81.3, 96.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.139, -70.229, 39.836
XYZ	38.524, 68.266, 34.437
xyY	0.273, 0.483, 68.266
CIE-LCH	86.139, 80.74, 150.437
CIE-LUV	86.139, -73.53, 65.696
Hunter-Lab	82.623, -61.364, 33.124
Binary	00101110, 11110110, 10001000

#2ef688
```
#2ef688 rgb(46,246,136)
```
#f62e9c
```
#f62e9c rgb(246,46,156)
```

Complementary Color

#38f62e
```
#38f62e rgb(56,246,46)
```
#2ef688
```
#2ef688 rgb(46,246,136)
```
#2ef6ec
```
#2ef6ec rgb(46,246,236)
```

Analogous Color

#f62e38
```
#f62e38 rgb(246,46,56)
```
#2ef688
```
#2ef688 rgb(46,246,136)
```
#ec2ef6
```
#ec2ef6 rgb(236,46,246)
```

Split Complementary Color

#f6882e
```
#f6882e rgb(246,136,46)
```
#2ef688
```
#2ef688 rgb(46,246,136)
```
#882ef6
```
#882ef6 rgb(136,46,246)
```

Triadic Color

#9cf62e
```
#9cf62e rgb(156,246,46)
```
#2ef688
```
#2ef688 rgb(46,246,136)
```
#882ef6
```
#882ef6 rgb(136,46,246)
```
#f62e9c
```
#f62e9c rgb(246,46,156)
```

Tetradic Color

#09cf62
```
#09cf62 rgb(9,207,98)
```
#0ae76d
```
#0ae76d rgb(10,231,109)
```
#16f57a
```
#16f57a rgb(22,245,122)
```
#2ef688
```
#2ef688 rgb(46,246,136)
```
#46f796
```
#46f796 rgb(70,247,150)
```
#5ff8a4
```
#5ff8a4 rgb(95,248,164)
```
#77f9b2
```
#77f9b2 rgb(119,249,178)
```

Monochromatic Color

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

#2ef656
```
#2ef656 rgb(46,246,86)
```
#2ef667
```
#2ef667 rgb(46,246,103)
```
#2ef677
```
#2ef677 rgb(46,246,119)
```
#2ef688
```
#2ef688 rgb(46,246,136)
```
#2ef699
```
#2ef699 rgb(46,246,153)
```
#2ef6a9
```
#2ef6a9 rgb(46,246,169)
```
#2ef6ba
```
#2ef6ba rgb(46,246,186)
```

Similar Colors

Text with hexadecimal color #2ef688

This text has a font color of #2ef688.

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

#2ef688 background color

This paragraph has a background color of #2ef688.

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

#2ef688 border color

This element has a border color of #2ef688.

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

CSS codes

.text {color:#2ef688;}

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

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

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

#011108
```
#011108 rgb(1,17,8)
```
#022311
```
#022311 rgb(2,35,17)
```
#02361a
```
#02361a rgb(2,54,26)
```
#034923
```
#034923 rgb(3,73,35)
```
#045c2c
```
#045c2c rgb(4,92,44)
```
#056f34
```
#056f34 rgb(5,111,52)
```
#06823d
```
#06823d rgb(6,130,61)
```
#069446
```
#069446 rgb(6,148,70)
```
#07a74f
```
#07a74f rgb(7,167,79)
```
#08ba58
```
#08ba58 rgb(8,186,88)
```
#09cd61
```
#09cd61 rgb(9,205,97)
```
#0ae06a
```
#0ae06a rgb(10,224,106)
```
#0af273
```
#0af273 rgb(10,242,115)
```

Shade Color Variation

#1bf57d
```
#1bf57d rgb(27,245,125)
```
#2ef688
```
#2ef688 rgb(46,246,136)
```
#41f793
```
#41f793 rgb(65,247,147)
```
#54f89d
```
#54f89d rgb(84,248,157)
```
#66f8a8
```
#66f8a8 rgb(102,248,168)
```
#79f9b3
```
#79f9b3 rgb(121,249,179)
```
#8cfabe
```
#8cfabe rgb(140,250,190)
```
#9ffbc8
```
#9ffbc8 rgb(159,251,200)
```
#b2fcd3
```
#b2fcd3 rgb(178,252,211)
```
#c4fcde
```
#c4fcde rgb(196,252,222)
```
#d7fde8
```
#d7fde8 rgb(215,253,232)
```
#eafef3
```
#eafef3 rgb(234,254,243)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#8a9a91
```
#8a9a91 rgb(138,154,145)
```
#82a290
```
#82a290 rgb(130,162,144)
```
#79ab90
```
#79ab90 rgb(121,171,144)
```
#71b38f
```
#71b38f rgb(113,179,143)
```
#69bb8e
```
#69bb8e rgb(105,187,142)
```
#60c48d
```
#60c48d rgb(96,196,141)
```
#58cc8c
```
#58cc8c rgb(88,204,140)
```
#50d48b
```
#50d48b rgb(80,212,139)
```
#47dd8b
```
#47dd8b rgb(71,221,139)
```
#3fe58a
```
#3fe58a rgb(63,229,138)
```
#36ee89
```
#36ee89 rgb(54,238,137)
```
#2ef688
```
#2ef688 rgb(46,246,136)
```
#26fe87
```
#26fe87 rgb(38,254,135)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#94bca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd983 Protanopia 1% of men
#ffd1a0 Deuteranopia 1% of men
#74e9fa Tritanopia 0.001% of the population

Trichromacy

#a7e385 Protanomaly 1% of men, 0.01% of women
#b3de97 Deuteranomaly 6% of men, 0.4% of women
#5aeed1 Tritanomaly 0.01% of the population