#2ec1a0 hex color

In a RGB color space, hex #2ec1a0 is composed of 18% red, 75.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 0% magenta, 17.1% yellow and 24.3% black. It has a hue angle of 166.5 degrees, a saturation of 61.5% and a lightness of 46.9%. #2ec1a0 color hex could be obtained by blending #5cffff with #008341. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 76
- B 63
RGB color chart
- C 76
- M 0
- Y 17
- K 24
CMYK color chart

● #2ec1a0 color description : Strong cyan.

The hexadecimal color #2ec1a0 has RGB values of R:46, G:193, B:160 and CMYK values of C:0.76, M:0, Y:0.17, K:0.24. Its decimal value is 3064224.

Hex triplet	2ec1a0	`#2ec1a0`
RGB Decimal	46, 193, 160	`rgb(46,193,160)`
RGB Percent	18, 75.7, 62.7	`rgb(18%,75.7%,62.7%)`
CMYK	76, 0, 17, 24
HSL	166.5°, 61.5, 46.9	`hsl(166.5,61.5%,46.9%)`
HSV (or HSB)	166.5°, 76.2, 75.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.355, -45.416, 5.863
XYZ	26.54, 41.256, 39.82
xyY	0.247, 0.383, 41.256
CIE-LCH	70.355, 45.792, 172.644
CIE-LUV	70.355, -54.001, 15.668
Hunter-Lab	64.231, -38.65, 8.205
Binary	00101110, 11000001, 10100000

#2ec1a0
```
#2ec1a0 rgb(46,193,160)
```
#c12e4f
```
#c12e4f rgb(193,46,79)
```

Complementary Color

#2ec157
```
#2ec157 rgb(46,193,87)
```
#2ec1a0
```
#2ec1a0 rgb(46,193,160)
```
#2e99c1
```
#2e99c1 rgb(46,153,193)
```

Analogous Color

#c1572e
```
#c1572e rgb(193,87,46)
```
#2ec1a0
```
#2ec1a0 rgb(46,193,160)
```
#c12e99
```
#c12e99 rgb(193,46,153)
```

Split Complementary Color

#c1a02e
```
#c1a02e rgb(193,160,46)
```
#2ec1a0
```
#2ec1a0 rgb(46,193,160)
```
#a02ec1
```
#a02ec1 rgb(160,46,193)
```

Triadic Color

#4fc12e
```
#4fc12e rgb(79,193,46)
```
#2ec1a0
```
#2ec1a0 rgb(46,193,160)
```
#a02ec1
```
#a02ec1 rgb(160,46,193)
```
#c12e4f
```
#c12e4f rgb(193,46,79)
```

Tetradic Color

#1f836d
```
#1f836d rgb(31,131,109)
```
#24987e
```
#24987e rgb(36,152,126)
```
#29ac8f
```
#29ac8f rgb(41,172,143)
```
#2ec1a0
```
#2ec1a0 rgb(46,193,160)
```
#39d0ae
```
#39d0ae rgb(57,208,174)
```
#4dd5b6
```
#4dd5b6 rgb(77,213,182)
```
#62dabf
```
#62dabf rgb(98,218,191)
```

Monochromatic Color

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

#2ec17b
```
#2ec17b rgb(46,193,123)
```
#2ec188
```
#2ec188 rgb(46,193,136)
```
#2ec194
```
#2ec194 rgb(46,193,148)
```
#2ec1a0
```
#2ec1a0 rgb(46,193,160)
```
#2ec1ac
```
#2ec1ac rgb(46,193,172)
```
#2ec1b9
```
#2ec1b9 rgb(46,193,185)
```
#2ebdc1
```
#2ebdc1 rgb(46,189,193)
```

Similar Colors

Text with hexadecimal color #2ec1a0

This text has a font color of #2ec1a0.

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

#2ec1a0 background color

This paragraph has a background color of #2ec1a0.

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

#2ec1a0 border color

This element has a border color of #2ec1a0.

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

CSS codes

.text {color:#2ec1a0;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#041310
```
#041310 rgb(4,19,16)
```
#08231d
```
#08231d rgb(8,35,29)
```
#0c322a
```
#0c322a rgb(12,50,42)
```
#104237
```
#104237 rgb(16,66,55)
```
#145244
```
#145244 rgb(20,82,68)
```
#176251
```
#176251 rgb(23,98,81)
```
#1b725e
```
#1b725e rgb(27,114,94)
```
#1f826b
```
#1f826b rgb(31,130,107)
```
#239179
```
#239179 rgb(35,145,121)
```
#26a186
```
#26a186 rgb(38,161,134)
```
#2ab193
```
#2ab193 rgb(42,177,147)
```
#2ec1a0
```
#2ec1a0 rgb(46,193,160)
```

Shade Color Variation

#34cfac
```
#34cfac rgb(52,207,172)
```
#44d2b2
```
#44d2b2 rgb(68,210,178)
```
#54d6b9
```
#54d6b9 rgb(84,214,185)
```
#64dabf
```
#64dabf rgb(100,218,191)
```
#73dec6
```
#73dec6 rgb(115,222,198)
```
#83e1cc
```
#83e1cc rgb(131,225,204)
```
#93e5d3
```
#93e5d3 rgb(147,229,211)
```
#a3e9d9
```
#a3e9d9 rgb(163,233,217)
```
#b3ede0
```
#b3ede0 rgb(179,237,224)
```
#c3f1e6
```
#c3f1e6 rgb(195,241,230)
```
#d2f4ed
```
#d2f4ed rgb(210,244,237)
```
#e2f8f3
```
#e2f8f3 rgb(226,248,243)
```
#f2fcfa
```
#f2fcfa rgb(242,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e817d is the less saturated color, while #00efb9 is the most saturated one.

#6e817d
```
#6e817d rgb(110,129,125)
```
#658a82
```
#658a82 rgb(101,138,130)
```
#5c9387
```
#5c9387 rgb(92,147,135)
```
#539c8c
```
#539c8c rgb(83,156,140)
```
#4aa591
```
#4aa591 rgb(74,165,145)
```
#40af96
```
#40af96 rgb(64,175,150)
```
#37b89b
```
#37b89b rgb(55,184,155)
```
#2ec1a0
```
#2ec1a0 rgb(46,193,160)
```
#25caa5
```
#25caa5 rgb(37,202,165)
```
#1cd3aa
```
#1cd3aa rgb(28,211,170)
```
#12ddaf
```
#12ddaf rgb(18,221,175)
```
#09e6b4
```
#09e6b4 rgb(9,230,180)
```
#00efb9
```
#00efb9 rgb(0,239,185)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7d9b94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8af9b Protanopia 1% of men
#c1abad Deuteranopia 1% of men
#53becc Tritanopia 0.001% of the population

Trichromacy

#86b69c Protanomaly 1% of men, 0.01% of women
#8bb3a8 Deuteranomaly 6% of men, 0.4% of women
#45bfbc Tritanomaly 0.01% of the population

#2ec1a0 hex color

#2ec1a0 Color Information

#2ec1a0 Color Conversion

Color Schemes with #2ec1a0

Alternatives to #2ec1a0

#2ec1a0 Preview

Shades and Tints of #2ec1a0

Tones of #2ec1a0

Color Blindness Simulator