#2ec4aa hex color

In a RGB color space, hex #2ec4aa is composed of 18% red, 76.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 13.3% yellow and 23.1% black. It has a hue angle of 169.6 degrees, a saturation of 62% and a lightness of 47.5%. #2ec4aa color hex could be obtained by blending #5cffff with #008955. Closest websafe color is: #33cc99.

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

● #2ec4aa color description : Strong cyan.

The hexadecimal color #2ec4aa has RGB values of R:46, G:196, B:170 and CMYK values of C:0.77, M:0, Y:0.13, K:0.23. Its decimal value is 3065002.

Hex triplet	2ec4aa	`#2ec4aa`
RGB Decimal	46, 196, 170	`rgb(46,196,170)`
RGB Percent	18, 76.9, 66.7	`rgb(18%,76.9%,66.7%)`
CMYK	77, 0, 13, 23
HSL	169.6°, 62, 47.5	`hsl(169.6,62%,47.5%)`
HSV (or HSB)	169.6°, 76.5, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.528, -44.109, 2.114
XYZ	28.12, 42.96, 44.838
xyY	0.243, 0.371, 42.96
CIE-LCH	71.528, 44.16, 177.256
CIE-LUV	71.528, -54.366, 9.998
Hunter-Lab	65.544, -38.122, 5.321
Binary	00101110, 11000100, 10101010

#2ec4aa
```
#2ec4aa rgb(46,196,170)
```
#c42e48
```
#c42e48 rgb(196,46,72)
```

Complementary Color

#2ec45f
```
#2ec45f rgb(46,196,95)
```
#2ec4aa
```
#2ec4aa rgb(46,196,170)
```
#2e93c4
```
#2e93c4 rgb(46,147,196)
```

Analogous Color

#c45f2e
```
#c45f2e rgb(196,95,46)
```
#2ec4aa
```
#2ec4aa rgb(46,196,170)
```
#c42e93
```
#c42e93 rgb(196,46,147)
```

Split Complementary Color

#c4aa2e
```
#c4aa2e rgb(196,170,46)
```
#2ec4aa
```
#2ec4aa rgb(46,196,170)
```
#aa2ec4
```
#aa2ec4 rgb(170,46,196)
```

Triadic Color

#48c42e
```
#48c42e rgb(72,196,46)
```
#2ec4aa
```
#2ec4aa rgb(46,196,170)
```
#aa2ec4
```
#aa2ec4 rgb(170,46,196)
```
#c42e48
```
#c42e48 rgb(196,46,72)
```

Tetradic Color

#1f8674
```
#1f8674 rgb(31,134,116)
```
#249b86
```
#249b86 rgb(36,155,134)
```
#29af98
```
#29af98 rgb(41,175,152)
```
#2ec4aa
```
#2ec4aa rgb(46,196,170)
```
#3bd1b7
```
#3bd1b7 rgb(59,209,183)
```
#4fd6be
```
#4fd6be rgb(79,214,190)
```
#64dbc6
```
#64dbc6 rgb(100,219,198)
```

Monochromatic Color

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

#2ec485
```
#2ec485 rgb(46,196,133)
```
#2ec491
```
#2ec491 rgb(46,196,145)
```
#2ec49e
```
#2ec49e rgb(46,196,158)
```
#2ec4aa
```
#2ec4aa rgb(46,196,170)
```
#2ec4b7
```
#2ec4b7 rgb(46,196,183)
```
#2ec4c3
```
#2ec4c3 rgb(46,196,195)
```
#2eb9c4
```
#2eb9c4 rgb(46,185,196)
```

Similar Colors

Text with hexadecimal color #2ec4aa

This text has a font color of #2ec4aa.

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

#2ec4aa background color

This paragraph has a background color of #2ec4aa.

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

#2ec4aa border color

This element has a border color of #2ec4aa.

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

CSS codes

.text {color:#2ec4aa;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#051512
```
#051512 rgb(5,21,18)
```
#092520
```
#092520 rgb(9,37,32)
```
#0c352e
```
#0c352e rgb(12,53,46)
```
#10453c
```
#10453c rgb(16,69,60)
```
#14554a
```
#14554a rgb(20,85,74)
```
#186557
```
#186557 rgb(24,101,87)
```
#1b7565
```
#1b7565 rgb(27,117,101)
```
#1f8473
```
#1f8473 rgb(31,132,115)
```
#239481
```
#239481 rgb(35,148,129)
```
#27a48e
```
#27a48e rgb(39,164,142)
```
#2ab49c
```
#2ab49c rgb(42,180,156)
```
#2ec4aa
```
#2ec4aa rgb(46,196,170)
```

Shade Color Variation

#36d0b5
```
#36d0b5 rgb(54,208,181)
```
#46d4bb
```
#46d4bb rgb(70,212,187)
```
#56d7c1
```
#56d7c1 rgb(86,215,193)
```
#65dbc7
```
#65dbc7 rgb(101,219,199)
```
#75dfcc
```
#75dfcc rgb(117,223,204)
```
#85e2d2
```
#85e2d2 rgb(133,226,210)
```
#95e6d8
```
#95e6d8 rgb(149,230,216)
```
#a5eade
```
#a5eade rgb(165,234,222)
```
#b5eee4
```
#b5eee4 rgb(181,238,228)
```
#c5f1ea
```
#c5f1ea rgb(197,241,234)
```
#d5f5ef
```
#d5f5ef rgb(213,245,239)
```
#e5f9f5
```
#e5f9f5 rgb(229,249,245)
```
#f4fdfb
```
#f4fdfb rgb(244,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787a79 is the less saturated color, while #09e9c2 is the most saturated one.

#787a79
```
#787a79 rgb(120,122,121)
```
#6f837f
```
#6f837f rgb(111,131,127)
```
#668c86
```
#668c86 rgb(102,140,134)
```
#5d958c
```
#5d958c rgb(93,149,140)
```
#539f92
```
#539f92 rgb(83,159,146)
```
#4aa898
```
#4aa898 rgb(74,168,152)
```
#41b19e
```
#41b19e rgb(65,177,158)
```
#37bba4
```
#37bba4 rgb(55,187,164)
```
#2ec4aa
```
#2ec4aa rgb(46,196,170)
```
#25cdb0
```
#25cdb0 rgb(37,205,176)
```
#1bd7b6
```
#1bd7b6 rgb(27,215,182)
```
#12e0bc
```
#12e0bc rgb(18,224,188)
```
#09e9c2
```
#09e9c2 rgb(9,233,194)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#809e98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab2a4 Protanopia 1% of men
#c1aeb7 Deuteranopia 1% of men
#51c2d0 Tritanopia 0.001% of the population

Trichromacy

#87b8a6 Protanomaly 1% of men, 0.01% of women
#8cb6b2 Deuteranomaly 6% of men, 0.4% of women
#44c2c2 Tritanomaly 0.01% of the population

#2ec4aa hex color

#2ec4aa Color Information

#2ec4aa Color Conversion

Color Schemes with #2ec4aa

Alternatives to #2ec4aa

#2ec4aa Preview

Shades and Tints of #2ec4aa

Tones of #2ec4aa

Color Blindness Simulator