colorhexa.com

#2ecea2 hex color

In a RGB color space, hex #2ecea2 is composed of 18% red, 80.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 0% magenta, 21.4% yellow and 19.2% black. It has a hue angle of 163.5 degrees, a saturation of 63.5% and a lightness of 49.4%. #2ecea2 color hex could be obtained by blending #5cffff with #009d45. Closest websafe color is: #33cc99.

- R 18
- G 81
- B 64
RGB color chart
- C 78
- M 0
- Y 21
- K 19
CMYK color chart

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

The hexadecimal color #2ecea2 has RGB values of R:46, G:206, B:162 and CMYK values of C:0.78, M:0, Y:0.21, K:0.19. Its decimal value is 3067554.

Hex triplet	2ecea2	`#2ecea2`
RGB Decimal	46, 206, 162	`rgb(46,206,162)`
RGB Percent	18, 80.8, 63.5	`rgb(18%,80.8%,63.5%)`
CMYK	78, 0, 21, 19
HSL	163.5°, 63.5, 49.4	`hsl(163.5,63.5%,49.4%)`
HSV (or HSB)	163.5°, 77.7, 80.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.4, -50.295, 10.563
XYZ	29.717, 47.329, 41.75
xyY	0.25, 0.398, 47.329
CIE-LCH	74.4, 51.393, 168.139
CIE-LUV	74.4, -58.423, 23.368
Hunter-Lab	68.796, -43.289, 12.177
Binary	00101110, 11001110, 10100010

#2ecea2
```
#2ecea2 rgb(46,206,162)
```
#ce2e5a
```
#ce2e5a rgb(206,46,90)
```

Complementary Color

#2ece52
```
#2ece52 rgb(46,206,82)
```
#2ecea2
```
#2ecea2 rgb(46,206,162)
```
#2eaace
```
#2eaace rgb(46,170,206)
```

Analogous Color

#ce522e
```
#ce522e rgb(206,82,46)
```
#2ecea2
```
#2ecea2 rgb(46,206,162)
```
#ce2eaa
```
#ce2eaa rgb(206,46,170)
```

Split Complementary Color

#cea22e
```
#cea22e rgb(206,162,46)
```
#2ecea2
```
#2ecea2 rgb(46,206,162)
```
#a22ece
```
#a22ece rgb(162,46,206)
```

Triadic Color

#5ace2e
```
#5ace2e rgb(90,206,46)
```
#2ecea2
```
#2ecea2 rgb(46,206,162)
```
#a22ece
```
#a22ece rgb(162,46,206)
```
#ce2e5a
```
#ce2e5a rgb(206,46,90)
```

Tetradic Color

#208f71
```
#208f71 rgb(32,143,113)
```
#25a481
```
#25a481 rgb(37,164,129)
```
#29b992
```
#29b992 rgb(41,185,146)
```
#2ecea2
```
#2ecea2 rgb(46,206,162)
```
#41d5ac
```
#41d5ac rgb(65,213,172)
```
#56d9b5
```
#56d9b5 rgb(86,217,181)
```
#6bdebe
```
#6bdebe rgb(107,222,190)
```

Monochromatic Color

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

#2ece7a
```
#2ece7a rgb(46,206,122)
```
#2ece87
```
#2ece87 rgb(46,206,135)
```
#2ece95
```
#2ece95 rgb(46,206,149)
```
#2ecea2
```
#2ecea2 rgb(46,206,162)
```
#2eceaf
```
#2eceaf rgb(46,206,175)
```
#2ecebd
```
#2ecebd rgb(46,206,189)
```
#2ececa
```
#2ececa rgb(46,206,202)
```

Similar Colors

Text with hexadecimal color #2ecea2

This text has a font color of #2ecea2.

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

#2ecea2 background color

This paragraph has a background color of #2ecea2.

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

#2ecea2 border color

This element has a border color of #2ecea2.

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

CSS codes

.text {color:#2ecea2;}

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

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

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

#030e0b
```
#030e0b rgb(3,14,11)
```
#071e17
```
#071e17 rgb(7,30,23)
```
#0a2e24
```
#0a2e24 rgb(10,46,36)
```
#0e3e31
```
#0e3e31 rgb(14,62,49)
```
#114e3d
```
#114e3d rgb(17,78,61)
```
#155e4a
```
#155e4a rgb(21,94,74)
```
#196e56
```
#196e56 rgb(25,110,86)
```
#1c7e63
```
#1c7e63 rgb(28,126,99)
```
#208e70
```
#208e70 rgb(32,142,112)
```
#239e7c
```
#239e7c rgb(35,158,124)
```
#27ae89
```
#27ae89 rgb(39,174,137)
```
#2abe95
```
#2abe95 rgb(42,190,149)
```
#2ecea2
```
#2ecea2 rgb(46,206,162)
```

Shade Color Variation

#3cd3aa
```
#3cd3aa rgb(60,211,170)
```
#4cd7b1
```
#4cd7b1 rgb(76,215,177)
```
#5cdbb8
```
#5cdbb8 rgb(92,219,184)
```
#6cdebf
```
#6cdebf rgb(108,222,191)
```
#7ce2c6
```
#7ce2c6 rgb(124,226,198)
```
#8ce5cd
```
#8ce5cd rgb(140,229,205)
```
#9ce9d4
```
#9ce9d4 rgb(156,233,212)
```
#aceddb
```
#aceddb rgb(172,237,219)
```
#bcf0e2
```
#bcf0e2 rgb(188,240,226)
```
#ccf4e9
```
#ccf4e9 rgb(204,244,233)
```
#dcf7f0
```
#dcf7f0 rgb(220,247,240)
```
#edfbf7
```
#edfbf7 rgb(237,251,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#7c807f
```
#7c807f rgb(124,128,127)
```
#728a83
```
#728a83 rgb(114,138,131)
```
#689488
```
#689488 rgb(104,148,136)
```
#5e9e8c
```
#5e9e8c rgb(94,158,140)
```
#55a791
```
#55a791 rgb(85,167,145)
```
#4bb195
```
#4bb195 rgb(75,177,149)
```
#41bb99
```
#41bb99 rgb(65,187,153)
```
#38c49e
```
#38c49e rgb(56,196,158)
```
#2ecea2
```
#2ecea2 rgb(46,206,162)
```
#24d8a6
```
#24d8a6 rgb(36,216,166)
```
#1be1ab
```
#1be1ab rgb(27,225,171)
```
#11ebaf
```
#11ebaf rgb(17,235,175)
```
#07f5b3
```
#07f5b3 rgb(7,245,179)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#84a49b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4ba9c Protanopia 1% of men
#cfb4b0 Deuteranopia 1% of men
#5ac9d8 Tritanopia 0.001% of the population

Trichromacy

#8ec19e Protanomaly 1% of men, 0.01% of women
#95bdab Deuteranomaly 6% of men, 0.4% of women
#4acbc4 Tritanomaly 0.01% of the population