#2eccb4 hex color

In a RGB color space, hex #2eccb4 is composed of 18% red, 80% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 0% magenta, 11.8% yellow and 20% black. It has a hue angle of 170.9 degrees, a saturation of 63.2% and a lightness of 49%. #2eccb4 color hex could be obtained by blending #5cffff with #009969. Closest websafe color is: #33cccc.

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

● #2eccb4 color description : Strong cyan.

The hexadecimal color #2eccb4 has RGB values of R:46, G:204, B:180 and CMYK values of C:0.77, M:0, Y:0.12, K:0.2. Its decimal value is 3067060.

Hex triplet	2eccb4	`#2eccb4`
RGB Decimal	46, 204, 180	`rgb(46,204,180)`
RGB Percent	18, 80, 70.6	`rgb(18%,80%,70.6%)`
CMYK	77, 0, 12, 20
HSL	170.9°, 63.2, 49	`hsl(170.9,63.2%,49%)`
HSV (or HSB)	170.9°, 77.5, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.227, -44.904, 0.62
XYZ	30.955, 47.059, 50.629
xyY	0.241, 0.366, 47.059
CIE-LCH	74.227, 44.908, 179.21
CIE-LUV	74.227, -56.466, 7.934
Hunter-Lab	68.599, -39.502, 4.261
Binary	00101110, 11001100, 10110100

#2eccb4
```
#2eccb4 rgb(46,204,180)
```
#cc2e46
```
#cc2e46 rgb(204,46,70)
```

Complementary Color

#2ecc65
```
#2ecc65 rgb(46,204,101)
```
#2eccb4
```
#2eccb4 rgb(46,204,180)
```
#2e95cc
```
#2e95cc rgb(46,149,204)
```

Analogous Color

#cc652e
```
#cc652e rgb(204,101,46)
```
#2eccb4
```
#2eccb4 rgb(46,204,180)
```
#cc2e95
```
#cc2e95 rgb(204,46,149)
```

Split Complementary Color

#ccb42e
```
#ccb42e rgb(204,180,46)
```
#2eccb4
```
#2eccb4 rgb(46,204,180)
```
#b42ecc
```
#b42ecc rgb(180,46,204)
```

Triadic Color

#46cc2e
```
#46cc2e rgb(70,204,46)
```
#2eccb4
```
#2eccb4 rgb(46,204,180)
```
#b42ecc
```
#b42ecc rgb(180,46,204)
```
#cc2e46
```
#cc2e46 rgb(204,46,70)
```

Tetradic Color

#208e7d
```
#208e7d rgb(32,142,125)
```
#25a28f
```
#25a28f rgb(37,162,143)
```
#29b7a2
```
#29b7a2 rgb(41,183,162)
```
#2eccb4
```
#2eccb4 rgb(46,204,180)
```
#40d4bd
```
#40d4bd rgb(64,212,189)
```
#54d9c4
```
#54d9c4 rgb(84,217,196)
```
#69ddcc
```
#69ddcc rgb(105,221,204)
```

Monochromatic Color

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

#2ecc8d
```
#2ecc8d rgb(46,204,141)
```
#2ecc9a
```
#2ecc9a rgb(46,204,154)
```
#2ecca7
```
#2ecca7 rgb(46,204,167)
```
#2eccb4
```
#2eccb4 rgb(46,204,180)
```
#2eccc1
```
#2eccc1 rgb(46,204,193)
```
#2ecacc
```
#2ecacc rgb(46,202,204)
```
#2ebdcc
```
#2ebdcc rgb(46,189,204)
```

Similar Colors

Text with hexadecimal color #2eccb4

This text has a font color of #2eccb4.

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

#2eccb4 background color

This paragraph has a background color of #2eccb4.

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

#2eccb4 border color

This element has a border color of #2eccb4.

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

CSS codes

.text {color:#2eccb4;}

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

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

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

#030c0b
```
#030c0b rgb(3,12,11)
```
#061c19
```
#061c19 rgb(6,28,25)
```
#0a2c27
```
#0a2c27 rgb(10,44,39)
```
#0e3c35
```
#0e3c35 rgb(14,60,53)
```
#114c43
```
#114c43 rgb(17,76,67)
```
#155c51
```
#155c51 rgb(21,92,81)
```
#186c5f
```
#186c5f rgb(24,108,95)
```
#1c7c6d
```
#1c7c6d rgb(28,124,109)
```
#208c7c
```
#208c7c rgb(32,140,124)
```
#239c8a
```
#239c8a rgb(35,156,138)
```
#27ac98
```
#27ac98 rgb(39,172,152)
```
#2abca6
```
#2abca6 rgb(42,188,166)
```
#2eccb4
```
#2eccb4 rgb(46,204,180)
```

Shade Color Variation

#3bd3bc
```
#3bd3bc rgb(59,211,188)
```
#4bd6c1
```
#4bd6c1 rgb(75,214,193)
```
#5bdac7
```
#5bdac7 rgb(91,218,199)
```
#6bdecc
```
#6bdecc rgb(107,222,204)
```
#7be1d2
```
#7be1d2 rgb(123,225,210)
```
#8be5d7
```
#8be5d7 rgb(139,229,215)
```
#9be8dd
```
#9be8dd rgb(155,232,221)
```
#abece2
```
#abece2 rgb(171,236,226)
```
#bbf0e8
```
#bbf0e8 rgb(187,240,232)
```
#cbf3ed
```
#cbf3ed rgb(203,243,237)
```
#dbf7f3
```
#dbf7f3 rgb(219,247,243)
```
#ebfaf8
```
#ebfaf8 rgb(235,250,248)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#7b7f7e
```
#7b7f7e rgb(123,127,126)
```
#718985
```
#718985 rgb(113,137,133)
```
#68928c
```
#68928c rgb(104,146,140)
```
#5e9c93
```
#5e9c93 rgb(94,156,147)
```
#54a699
```
#54a699 rgb(84,166,153)
```
#4bafa0
```
#4bafa0 rgb(75,175,160)
```
#41b9a7
```
#41b9a7 rgb(65,185,167)
```
#38c2ad
```
#38c2ad rgb(56,194,173)
```
#2eccb4
```
#2eccb4 rgb(46,204,180)
```
#24d6bb
```
#24d6bb rgb(36,214,187)
```
#1bdfc1
```
#1bdfc1 rgb(27,223,193)
```
#11e9c8
```
#11e9c8 rgb(17,233,200)
```
#08f2cf
```
#08f2cf rgb(8,242,207)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#84a49f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b9ad Protanopia 1% of men
#c8b5c1 Deuteranopia 1% of men
#52c9d8 Tritanopia 0.001% of the population

Trichromacy

#8bc0af Protanomaly 1% of men, 0.01% of women
#90bdbc Deuteranomaly 6% of men, 0.4% of women
#44cacb Tritanomaly 0.01% of the population

#2eccb4 hex color

#2eccb4 Color Information

#2eccb4 Color Conversion

Color Schemes with #2eccb4

Alternatives to #2eccb4

#2eccb4 Preview

Shades and Tints of #2eccb4

Tones of #2eccb4

Color Blindness Simulator