#2ecb93 hex color

In a RGB color space, hex #2ecb93 is composed of 18% red, 79.6% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 27.6% yellow and 20.4% black. It has a hue angle of 158.6 degrees, a saturation of 63.1% and a lightness of 48.8%. #2ecb93 color hex could be obtained by blending #5cffff with #009727. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 80
- B 58
RGB color chart
- C 77
- M 0
- Y 28
- K 20
CMYK color chart

● #2ecb93 color description : Strong cyan - lime green.

The hexadecimal color #2ecb93 has RGB values of R:46, G:203, B:147 and CMYK values of C:0.77, M:0, Y:0.28, K:0.2. Its decimal value is 3066771.

Hex triplet	2ecb93	`#2ecb93`
RGB Decimal	46, 203, 147	`rgb(46,203,147)`
RGB Percent	18, 79.6, 57.6	`rgb(18%,79.6%,57.6%)`
CMYK	77, 0, 28, 20
HSL	158.6°, 63.1, 48.8	`hsl(158.6,63.1%,48.8%)`
HSV (or HSB)	158.6°, 77.3, 79.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.152, -52.59, 16.835
XYZ	27.747, 45.397, 34.902
xyY	0.257, 0.42, 45.397
CIE-LCH	73.152, 55.219, 162.249
CIE-LUV	73.152, -58.382, 32.295
Hunter-Lab	67.377, -44.401, 16.451
Binary	00101110, 11001011, 10010011

#2ecb93
```
#2ecb93 rgb(46,203,147)
```
#cb2e66
```
#cb2e66 rgb(203,46,102)
```

Complementary Color

#2ecb45
```
#2ecb45 rgb(46,203,69)
```
#2ecb93
```
#2ecb93 rgb(46,203,147)
```
#2eb5cb
```
#2eb5cb rgb(46,181,203)
```

Analogous Color

#cb452e
```
#cb452e rgb(203,69,46)
```
#2ecb93
```
#2ecb93 rgb(46,203,147)
```
#cb2eb5
```
#cb2eb5 rgb(203,46,181)
```

Split Complementary Color

#cb932e
```
#cb932e rgb(203,147,46)
```
#2ecb93
```
#2ecb93 rgb(46,203,147)
```
#932ecb
```
#932ecb rgb(147,46,203)
```

Triadic Color

#66cb2e
```
#66cb2e rgb(102,203,46)
```
#2ecb93
```
#2ecb93 rgb(46,203,147)
```
#932ecb
```
#932ecb rgb(147,46,203)
```
#cb2e66
```
#cb2e66 rgb(203,46,102)
```

Tetradic Color

#208d66
```
#208d66 rgb(32,141,102)
```
#25a175
```
#25a175 rgb(37,161,117)
```
#29b684
```
#29b684 rgb(41,182,132)
```
#2ecb93
```
#2ecb93 rgb(46,203,147)
```
#3fd39f
```
#3fd39f rgb(63,211,159)
```
#54d8a9
```
#54d8a9 rgb(84,216,169)
```
#69ddb3
```
#69ddb3 rgb(105,221,179)
```

Monochromatic Color

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

#2ecb6c
```
#2ecb6c rgb(46,203,108)
```
#2ecb79
```
#2ecb79 rgb(46,203,121)
```
#2ecb86
```
#2ecb86 rgb(46,203,134)
```
#2ecb93
```
#2ecb93 rgb(46,203,147)
```
#2ecba0
```
#2ecba0 rgb(46,203,160)
```
#2ecbad
```
#2ecbad rgb(46,203,173)
```
#2ecbba
```
#2ecbba rgb(46,203,186)
```

Similar Colors

Text with hexadecimal color #2ecb93

This text has a font color of #2ecb93.

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

#2ecb93 background color

This paragraph has a background color of #2ecb93.

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

#2ecb93 border color

This element has a border color of #2ecb93.

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

CSS codes

.text {color:#2ecb93;}

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

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

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, #030b08 is the darkest color, while #fafefd is the lightest one.

#030b08
```
#030b08 rgb(3,11,8)
```
#061b14
```
#061b14 rgb(6,27,20)
```
#0a2b1f
```
#0a2b1f rgb(10,43,31)
```
#0d3b2b
```
#0d3b2b rgb(13,59,43)
```
#114b36
```
#114b36 rgb(17,75,54)
```
#155b42
```
#155b42 rgb(21,91,66)
```
#186b4e
```
#186b4e rgb(24,107,78)
```
#1c7b59
```
#1c7b59 rgb(28,123,89)
```
#208b65
```
#208b65 rgb(32,139,101)
```
#239b70
```
#239b70 rgb(35,155,112)
```
#27ab7c
```
#27ab7c rgb(39,171,124)
```
#2abb87
```
#2abb87 rgb(42,187,135)
```
#2ecb93
```
#2ecb93 rgb(46,203,147)
```

Shade Color Variation

#3ad29c
```
#3ad29c rgb(58,210,156)
```
#4ad6a4
```
#4ad6a4 rgb(74,214,164)
```
#5adaac
```
#5adaac rgb(90,218,172)
```
#6addb4
```
#6addb4 rgb(106,221,180)
```
#7ae1bc
```
#7ae1bc rgb(122,225,188)
```
#8ae5c4
```
#8ae5c4 rgb(138,229,196)
```
#9ae8cc
```
#9ae8cc rgb(154,232,204)
```
#aaecd4
```
#aaecd4 rgb(170,236,212)
```
#baefdc
```
#baefdc rgb(186,239,220)
```
#caf3e4
```
#caf3e4 rgb(202,243,228)
```
#daf7ec
```
#daf7ec rgb(218,247,236)
```
#eafaf5
```
#eafaf5 rgb(234,250,245)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7e7d is the less saturated color, while #08f19e is the most saturated one.

#7b7e7d
```
#7b7e7d rgb(123,126,125)
```
#718880
```
#718880 rgb(113,136,128)
```
#679283
```
#679283 rgb(103,146,131)
```
#5e9b85
```
#5e9b85 rgb(94,155,133)
```
#54a588
```
#54a588 rgb(84,165,136)
```
#4bae8b
```
#4bae8b rgb(75,174,139)
```
#41b88e
```
#41b88e rgb(65,184,142)
```
#38c190
```
#38c190 rgb(56,193,144)
```
#2ecb93
```
#2ecb93 rgb(46,203,147)
```
#24d596
```
#24d596 rgb(36,213,150)
```
#1bde98
```
#1bde98 rgb(27,222,152)
```
#11e89b
```
#11e89b rgb(17,232,155)
```
#08f19e
```
#08f19e rgb(8,241,158)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#81a195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b78e Protanopia 1% of men
#d0b1a2 Deuteranopia 1% of men
#5dc5d4 Tritanopia 0.001% of the population

Trichromacy

#8dbe90 Protanomaly 1% of men, 0.01% of women
#95ba9c Deuteranomaly 6% of men, 0.4% of women
#4bc7bc Tritanomaly 0.01% of the population

#2ecb93 hex color

#2ecb93 Color Information

#2ecb93 Color Conversion

Color Schemes with #2ecb93

Alternatives to #2ecb93

#2ecb93 Preview

Shades and Tints of #2ecb93

Tones of #2ecb93

Color Blindness Simulator