#2ecdb4 hex color

In a RGB color space, hex #2ecdb4 is composed of 18% red, 80.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 0% magenta, 12.2% yellow and 19.6% black. It has a hue angle of 170.6 degrees, a saturation of 63.3% and a lightness of 49.2%. #2ecdb4 color hex could be obtained by blending #5cffff with #009b69. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 80
- B 71
RGB color chart
- C 78
- M 0
- Y 12
- K 20
CMYK color chart

● #2ecdb4 color description : Strong cyan.

The hexadecimal color #2ecdb4 has RGB values of R:46, G:205, B:180 and CMYK values of C:0.78, M:0, Y:0.12, K:0.2. Its decimal value is 3067316.

Hex triplet	2ecdb4	`#2ecdb4`
RGB Decimal	46, 205, 180	`rgb(46,205,180)`
RGB Percent	18, 80.4, 70.6	`rgb(18%,80.4%,70.6%)`
CMYK	78, 0, 12, 20
HSL	170.6°, 63.3, 49.2	`hsl(170.6,63.3%,49.2%)`
HSV (or HSB)	170.6°, 77.6, 80.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.531, -45.332, 1.062
XYZ	31.193, 47.536, 50.709
xyY	0.241, 0.367, 47.536
CIE-LCH	74.531, 45.345, 178.658
CIE-LUV	74.531, -56.815, 8.675
Hunter-Lab	68.946, -39.897, 4.655
Binary	00101110, 11001101, 10110100

#2ecdb4
```
#2ecdb4 rgb(46,205,180)
```
#cd2e47
```
#cd2e47 rgb(205,46,71)
```

Complementary Color

#2ecd65
```
#2ecd65 rgb(46,205,101)
```
#2ecdb4
```
#2ecdb4 rgb(46,205,180)
```
#2e97cd
```
#2e97cd rgb(46,151,205)
```

Analogous Color

#cd652e
```
#cd652e rgb(205,101,46)
```
#2ecdb4
```
#2ecdb4 rgb(46,205,180)
```
#cd2e97
```
#cd2e97 rgb(205,46,151)
```

Split Complementary Color

#cdb42e
```
#cdb42e rgb(205,180,46)
```
#2ecdb4
```
#2ecdb4 rgb(46,205,180)
```
#b42ecd
```
#b42ecd rgb(180,46,205)
```

Triadic Color

#47cd2e
```
#47cd2e rgb(71,205,46)
```
#2ecdb4
```
#2ecdb4 rgb(46,205,180)
```
#b42ecd
```
#b42ecd rgb(180,46,205)
```
#cd2e47
```
#cd2e47 rgb(205,46,71)
```

Tetradic Color

#208f7d
```
#208f7d rgb(32,143,125)
```
#25a38f
```
#25a38f rgb(37,163,143)
```
#29b8a2
```
#29b8a2 rgb(41,184,162)
```
#2ecdb4
```
#2ecdb4 rgb(46,205,180)
```
#40d4bd
```
#40d4bd rgb(64,212,189)
```
#55d9c4
```
#55d9c4 rgb(85,217,196)
```
#6adecb
```
#6adecb rgb(106,222,203)
```

Monochromatic Color

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

#2ecd8c
```
#2ecd8c rgb(46,205,140)
```
#2ecd9a
```
#2ecd9a rgb(46,205,154)
```
#2ecda7
```
#2ecda7 rgb(46,205,167)
```
#2ecdb4
```
#2ecdb4 rgb(46,205,180)
```
#2ecdc1
```
#2ecdc1 rgb(46,205,193)
```
#2ecccd
```
#2ecccd rgb(46,204,205)
```
#2ebecd
```
#2ebecd rgb(46,190,205)
```

Similar Colors

Text with hexadecimal color #2ecdb4

This text has a font color of #2ecdb4.

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

#2ecdb4 background color

This paragraph has a background color of #2ecdb4.

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

#2ecdb4 border color

This element has a border color of #2ecdb4.

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

CSS codes

.text {color:#2ecdb4;}

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

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

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

#030d0b
```
#030d0b rgb(3,13,11)
```
#061d19
```
#061d19 rgb(6,29,25)
```
#0a2d27
```
#0a2d27 rgb(10,45,39)
```
#0e3d35
```
#0e3d35 rgb(14,61,53)
```
#114d43
```
#114d43 rgb(17,77,67)
```
#155d52
```
#155d52 rgb(21,93,82)
```
#186d60
```
#186d60 rgb(24,109,96)
```
#1c7d6e
```
#1c7d6e rgb(28,125,110)
```
#208d7c
```
#208d7c rgb(32,141,124)
```
#239d8a
```
#239d8a rgb(35,157,138)
```
#27ad98
```
#27ad98 rgb(39,173,152)
```
#2abda6
```
#2abda6 rgb(42,189,166)
```
#2ecdb4
```
#2ecdb4 rgb(46,205,180)
```

Shade Color Variation

#3bd3bb
```
#3bd3bb rgb(59,211,187)
```
#4cd7c1
```
#4cd7c1 rgb(76,215,193)
```
#5cdac6
```
#5cdac6 rgb(92,218,198)
```
#6cdecc
```
#6cdecc rgb(108,222,204)
```
#7ce2d1
```
#7ce2d1 rgb(124,226,209)
```
#8ce5d7
```
#8ce5d7 rgb(140,229,215)
```
#9ce9dd
```
#9ce9dd rgb(156,233,221)
```
#acece2
```
#acece2 rgb(172,236,226)
```
#bcf0e8
```
#bcf0e8 rgb(188,240,232)
```
#ccf3ed
```
#ccf3ed rgb(204,243,237)
```
#dcf7f3
```
#dcf7f3 rgb(220,247,243)
```
#ecfbf8
```
#ecfbf8 rgb(236,251,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#7b807f
```
#7b807f rgb(123,128,127)
```
#728986
```
#728986 rgb(114,137,134)
```
#68938c
```
#68938c rgb(104,147,140)
```
#5e9d93
```
#5e9d93 rgb(94,157,147)
```
#55a69a
```
#55a69a rgb(85,166,154)
```
#4bb0a0
```
#4bb0a0 rgb(75,176,160)
```
#41baa7
```
#41baa7 rgb(65,186,167)
```
#38c3ad
```
#38c3ad rgb(56,195,173)
```
#2ecdb4
```
#2ecdb4 rgb(46,205,180)
```
#24d7bb
```
#24d7bb rgb(36,215,187)
```
#1be0c1
```
#1be0c1 rgb(27,224,193)
```
#11eac8
```
#11eac8 rgb(17,234,200)
```
#07f4ce
```
#07f4ce rgb(7,244,206)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#85a5a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1baad Protanopia 1% of men
#c9b5c1 Deuteranopia 1% of men
#52cad9 Tritanopia 0.001% of the population

Trichromacy

#8bc1af Protanomaly 1% of men, 0.01% of women
#90bebc Deuteranomaly 6% of men, 0.4% of women
#45cbcb Tritanomaly 0.01% of the population

#2ecdb4 hex color

#2ecdb4 Color Information

#2ecdb4 Color Conversion

Color Schemes with #2ecdb4

Alternatives to #2ecdb4

#2ecdb4 Preview

Shades and Tints of #2ecdb4

Tones of #2ecdb4

Color Blindness Simulator