#2ec0d4 hex color

In a RGB color space, hex #2ec0d4 is composed of 18% red, 75.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 9.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 187.2 degrees, a saturation of 65.9% and a lightness of 50.6%. #2ec0d4 color hex could be obtained by blending #5cffff with #0081a9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 75
- B 83
RGB color chart
- C 78
- M 9
- Y 0
- K 17
CMYK color chart

● #2ec0d4 color description : Strong cyan.

The hexadecimal color #2ec0d4 has RGB values of R:46, G:192, B:212 and CMYK values of C:0.78, M:0.09, Y:0, K:0.17. Its decimal value is 3064020.

Hex triplet	2ec0d4	`#2ec0d4`
RGB Decimal	46, 192, 212	`rgb(46,192,212)`
RGB Percent	18, 75.3, 83.1	`rgb(18%,75.3%,83.1%)`
CMYK	78, 9, 0, 17
HSL	187.2°, 65.9, 50.6	`hsl(187.2,65.9%,50.6%)`
HSV (or HSB)	187.2°, 78.3, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.576, -30.166, -20.721
XYZ	31.857, 43.031, 68.911
xyY	0.222, 0.299, 43.031
CIE-LCH	71.576, 36.598, 214.485
CIE-LUV	71.576, -49.967, -28.161
Hunter-Lab	65.598, -28.11, -16.366
Binary	00101110, 11000000, 11010100

#2ec0d4
```
#2ec0d4 rgb(46,192,212)
```
#d4422e
```
#d4422e rgb(212,66,46)
```

Complementary Color

#2ed495
```
#2ed495 rgb(46,212,149)
```
#2ec0d4
```
#2ec0d4 rgb(46,192,212)
```
#2e6dd4
```
#2e6dd4 rgb(46,109,212)
```

Analogous Color

#d4952e
```
#d4952e rgb(212,149,46)
```
#2ec0d4
```
#2ec0d4 rgb(46,192,212)
```
#d42e6d
```
#d42e6d rgb(212,46,109)
```

Split Complementary Color

#c0d42e
```
#c0d42e rgb(192,212,46)
```
#2ec0d4
```
#2ec0d4 rgb(46,192,212)
```
#d42ec0
```
#d42ec0 rgb(212,46,192)
```

Triadic Color

#2ed442
```
#2ed442 rgb(46,212,66)
```
#2ec0d4
```
#2ec0d4 rgb(46,192,212)
```
#d42ec0
```
#d42ec0 rgb(212,46,192)
```
#d4422e
```
#d4422e rgb(212,66,46)
```

Tetradic Color

#1f8897
```
#1f8897 rgb(31,136,151)
```
#239bac
```
#239bac rgb(35,155,172)
```
#28aec1
```
#28aec1 rgb(40,174,193)
```
#2ec0d4
```
#2ec0d4 rgb(46,192,212)
```
#43c6d8
```
#43c6d8 rgb(67,198,216)
```
#58cddd
```
#58cddd rgb(88,205,221)
```
#6dd3e1
```
#6dd3e1 rgb(109,211,225)
```

Monochromatic Color

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

#2ed4bf
```
#2ed4bf rgb(46,212,191)
```
#2ed4cc
```
#2ed4cc rgb(46,212,204)
```
#2eced4
```
#2eced4 rgb(46,206,212)
```
#2ec0d4
```
#2ec0d4 rgb(46,192,212)
```
#2eb2d4
```
#2eb2d4 rgb(46,178,212)
```
#2ea4d4
```
#2ea4d4 rgb(46,164,212)
```
#2e97d4
```
#2e97d4 rgb(46,151,212)
```

Similar Colors

Text with hexadecimal color #2ec0d4

This text has a font color of #2ec0d4.

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

#2ec0d4 background color

This paragraph has a background color of #2ec0d4.

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

#2ec0d4 border color

This element has a border color of #2ec0d4.

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

CSS codes

.text {color:#2ec0d4;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#041113
```
#041113 rgb(4,17,19)
```
#072023
```
#072023 rgb(7,32,35)
```
#0b2e33
```
#0b2e33 rgb(11,46,51)
```
#0e3d44
```
#0e3d44 rgb(14,61,68)
```
#114c54
```
#114c54 rgb(17,76,84)
```
#155b64
```
#155b64 rgb(21,91,100)
```
#186974
```
#186974 rgb(24,105,116)
```
#1b7885
```
#1b7885 rgb(27,120,133)
```
#1f8795
```
#1f8795 rgb(31,135,149)
```
#2295a5
```
#2295a5 rgb(34,149,165)
```
#25a4b5
```
#25a4b5 rgb(37,164,181)
```
#29b3c6
```
#29b3c6 rgb(41,179,198)
```

Shade Color Variation

#2ec0d4
```
#2ec0d4 rgb(46,192,212)
```
#3ec5d7
```
#3ec5d7 rgb(62,197,215)
```
#4fcadb
```
#4fcadb rgb(79,202,219)
```
#5fcfde
```
#5fcfde rgb(95,207,222)
```
#6fd4e1
```
#6fd4e1 rgb(111,212,225)
```
#7fd9e5
```
#7fd9e5 rgb(127,217,229)
```
#90dde8
```
#90dde8 rgb(144,221,232)
```
#a0e2eb
```
#a0e2eb rgb(160,226,235)
```
#b0e7ef
```
#b0e7ef rgb(176,231,239)
```
#c0ecf2
```
#c0ecf2 rgb(192,236,242)
```
#d1f1f5
```
#d1f1f5 rgb(209,241,245)
```
#e1f6f9
```
#e1f6f9 rgb(225,246,249)
```
#f1fbfc
```
#f1fbfc rgb(241,251,252)
```

Tint Color Variation

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

#7c8586
```
#7c8586 rgb(124,133,134)
```
#728d90
```
#728d90 rgb(114,141,144)
```
#68949a
```
#68949a rgb(104,148,154)
```
#5e9ba4
```
#5e9ba4 rgb(94,155,164)
```
#55a3ad
```
#55a3ad rgb(85,163,173)
```
#4baab7
```
#4baab7 rgb(75,170,183)
```
#41b1c1
```
#41b1c1 rgb(65,177,193)
```
#38b9ca
```
#38b9ca rgb(56,185,202)
```
#2ec0d4
```
#2ec0d4 rgb(46,192,212)
```
#24c7de
```
#24c7de rgb(36,199,222)
```
#1bcfe7
```
#1bcfe7 rgb(27,207,231)
```
#11d6f1
```
#11d6f1 rgb(17,214,241)
```
#07ddfb
```
#07ddfb rgb(7,221,251)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#829fa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb2cb Protanopia 1% of men
#adb0dd Deuteranopia 1% of men
#34c3d2 Tritanopia 0.001% of the population

Trichromacy

#7fb7ce Protanomaly 1% of men, 0.01% of women
#7eb6da Deuteranomaly 6% of men, 0.4% of women
#32c2d2 Tritanomaly 0.01% of the population

#2ec0d4 hex color

#2ec0d4 Color Information

#2ec0d4 Color Conversion

Color Schemes with #2ec0d4

Alternatives to #2ec0d4

#2ec0d4 Preview

Shades and Tints of #2ec0d4

Tones of #2ec0d4

Color Blindness Simulator