#2ec6aa hex color

In a RGB color space, hex #2ec6aa is composed of 18% red, 77.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 14.1% yellow and 22.4% black. It has a hue angle of 168.9 degrees, a saturation of 62.3% and a lightness of 47.8%. #2ec6aa color hex could be obtained by blending #5cffff with #008d55. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 78
- B 67
RGB color chart
- C 77
- M 0
- Y 14
- K 22
CMYK color chart

● #2ec6aa color description : Strong cyan.

The hexadecimal color #2ec6aa has RGB values of R:46, G:198, B:170 and CMYK values of C:0.77, M:0, Y:0.14, K:0.22. Its decimal value is 3065514.

Hex triplet	2ec6aa	`#2ec6aa`
RGB Decimal	46, 198, 170	`rgb(46,198,170)`
RGB Percent	18, 77.6, 66.7	`rgb(18%,77.6%,66.7%)`
CMYK	77, 0, 14, 22
HSL	168.9°, 62.3, 47.8	`hsl(168.9,62.3%,47.8%)`
HSV (or HSB)	168.9°, 76.8, 77.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.141, -44.966, 3.003
XYZ	28.574, 43.868, 44.99
xyY	0.243, 0.374, 43.868
CIE-LCH	72.141, 45.066, 176.18
CIE-LUV	72.141, -55.07, 11.467
Hunter-Lab	66.233, -38.901, 6.09
Binary	00101110, 11000110, 10101010

#2ec6aa
```
#2ec6aa rgb(46,198,170)
```
#c62e4a
```
#c62e4a rgb(198,46,74)
```

Complementary Color

#2ec65e
```
#2ec65e rgb(46,198,94)
```
#2ec6aa
```
#2ec6aa rgb(46,198,170)
```
#2e96c6
```
#2e96c6 rgb(46,150,198)
```

Analogous Color

#c65e2e
```
#c65e2e rgb(198,94,46)
```
#2ec6aa
```
#2ec6aa rgb(46,198,170)
```
#c62e96
```
#c62e96 rgb(198,46,150)
```

Split Complementary Color

#c6aa2e
```
#c6aa2e rgb(198,170,46)
```
#2ec6aa
```
#2ec6aa rgb(46,198,170)
```
#aa2ec6
```
#aa2ec6 rgb(170,46,198)
```

Triadic Color

#4ac62e
```
#4ac62e rgb(74,198,46)
```
#2ec6aa
```
#2ec6aa rgb(46,198,170)
```
#aa2ec6
```
#aa2ec6 rgb(170,46,198)
```
#c62e4a
```
#c62e4a rgb(198,46,74)
```

Tetradic Color

#208875
```
#208875 rgb(32,136,117)
```
#249d86
```
#249d86 rgb(36,157,134)
```
#29b198
```
#29b198 rgb(41,177,152)
```
#2ec6aa
```
#2ec6aa rgb(46,198,170)
```
#3cd2b6
```
#3cd2b6 rgb(60,210,182)
```
#51d6be
```
#51d6be rgb(81,214,190)
```
#65dbc6
```
#65dbc6 rgb(101,219,198)
```

Monochromatic Color

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

#2ec684
```
#2ec684 rgb(46,198,132)
```
#2ec691
```
#2ec691 rgb(46,198,145)
```
#2ec69d
```
#2ec69d rgb(46,198,157)
```
#2ec6aa
```
#2ec6aa rgb(46,198,170)
```
#2ec6b7
```
#2ec6b7 rgb(46,198,183)
```
#2ec6c3
```
#2ec6c3 rgb(46,198,195)
```
#2ebcc6
```
#2ebcc6 rgb(46,188,198)
```

Similar Colors

Text with hexadecimal color #2ec6aa

This text has a font color of #2ec6aa.

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

#2ec6aa background color

This paragraph has a background color of #2ec6aa.

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

#2ec6aa border color

This element has a border color of #2ec6aa.

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

CSS codes

.text {color:#2ec6aa;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#051714
```
#051714 rgb(5,23,20)
```
#092721
```
#092721 rgb(9,39,33)
```
#0d372f
```
#0d372f rgb(13,55,47)
```
#10473d
```
#10473d rgb(16,71,61)
```
#14574a
```
#14574a rgb(20,87,74)
```
#186658
```
#186658 rgb(24,102,88)
```
#1c7666
```
#1c7666 rgb(28,118,102)
```
#1f8673
```
#1f8673 rgb(31,134,115)
```
#239681
```
#239681 rgb(35,150,129)
```
#27a68f
```
#27a68f rgb(39,166,143)
```
#2ab69c
```
#2ab69c rgb(42,182,156)
```
#2ec6aa
```
#2ec6aa rgb(46,198,170)
```

Shade Color Variation

#37d1b4
```
#37d1b4 rgb(55,209,180)
```
#47d4ba
```
#47d4ba rgb(71,212,186)
```
#57d8c0
```
#57d8c0 rgb(87,216,192)
```
#67dcc6
```
#67dcc6 rgb(103,220,198)
```
#77dfcc
```
#77dfcc rgb(119,223,204)
```
#87e3d2
```
#87e3d2 rgb(135,227,210)
```
#97e7d8
```
#97e7d8 rgb(151,231,216)
```
#a6eade
```
#a6eade rgb(166,234,222)
```
#b6eee4
```
#b6eee4 rgb(182,238,228)
```
#c6f2ea
```
#c6f2ea rgb(198,242,234)
```
#d6f6f0
```
#d6f6f0 rgb(214,246,240)
```
#e6f9f6
```
#e6f9f6 rgb(230,249,246)
```
#f6fdfc
```
#f6fdfc rgb(246,253,252)
```

Tint Color Variation

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

#797b7b
```
#797b7b rgb(121,123,123)
```
#708481
```
#708481 rgb(112,132,129)
```
#668e86
```
#668e86 rgb(102,142,134)
```
#5d978c
```
#5d978c rgb(93,151,140)
```
#54a092
```
#54a092 rgb(84,160,146)
```
#4aaa98
```
#4aaa98 rgb(74,170,152)
```
#41b39e
```
#41b39e rgb(65,179,158)
```
#37bda4
```
#37bda4 rgb(55,189,164)
```
#2ec6aa
```
#2ec6aa rgb(46,198,170)
```
#25cfb0
```
#25cfb0 rgb(37,207,176)
```
#1bd9b6
```
#1bd9b6 rgb(27,217,182)
```
#12e2bc
```
#12e2bc rgb(18,226,188)
```
#08ecc2
```
#08ecc2 rgb(8,236,194)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#809f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb4a4 Protanopia 1% of men
#c4afb7 Deuteranopia 1% of men
#52c3d2 Tritanopia 0.001% of the population

Trichromacy

#88baa6 Protanomaly 1% of men, 0.01% of women
#8db7b2 Deuteranomaly 6% of men, 0.4% of women
#45c4c3 Tritanomaly 0.01% of the population

#2ec6aa hex color

#2ec6aa Color Information

#2ec6aa Color Conversion

Color Schemes with #2ec6aa

Alternatives to #2ec6aa

#2ec6aa Preview

Shades and Tints of #2ec6aa

Tones of #2ec6aa

Color Blindness Simulator