#2ecfd5 hex color

In a RGB color space, hex #2ecfd5 is composed of 18% red, 81.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 2.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 182.2 degrees, a saturation of 66.5% and a lightness of 50.8%. #2ecfd5 color hex could be obtained by blending #5cffff with #009fab. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 81
- B 84
RGB color chart
- C 78
- M 3
- Y 0
- K 16
CMYK color chart

● #2ecfd5 color description : Strong cyan.

The hexadecimal color #2ecfd5 has RGB values of R:46, G:207, B:213 and CMYK values of C:0.78, M:0.03, Y:0, K:0.16. Its decimal value is 3067861.

Hex triplet	2ecfd5	`#2ecfd5`
RGB Decimal	46, 207, 213	`rgb(46,207,213)`
RGB Percent	18, 81.2, 83.5	`rgb(18%,81.2%,83.5%)`
CMYK	78, 3, 0, 16
HSL	182.2°, 66.5, 50.8	`hsl(182.2,66.5%,50.8%)`
HSV (or HSB)	182.2°, 78.4, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	76.074, -36.971, -14.465
XYZ	35.446, 50.007, 70.731
xyY	0.227, 0.32, 50.007
CIE-LCH	76.074, 39.7, 201.369
CIE-LUV	76.074, -55.12, -17.065
Hunter-Lab	70.716, -34.28, -9.802
Binary	00101110, 11001111, 11010101

#2ecfd5
```
#2ecfd5 rgb(46,207,213)
```
#d5342e
```
#d5342e rgb(213,52,46)
```

Complementary Color

#2ed588
```
#2ed588 rgb(46,213,136)
```
#2ecfd5
```
#2ecfd5 rgb(46,207,213)
```
#2e7cd5
```
#2e7cd5 rgb(46,124,213)
```

Analogous Color

#d5882e
```
#d5882e rgb(213,136,46)
```
#2ecfd5
```
#2ecfd5 rgb(46,207,213)
```
#d52e7c
```
#d52e7c rgb(213,46,124)
```

Split Complementary Color

#cfd52e
```
#cfd52e rgb(207,213,46)
```
#2ecfd5
```
#2ecfd5 rgb(46,207,213)
```
#d52ecf
```
#d52ecf rgb(213,46,207)
```

Triadic Color

#2ed534
```
#2ed534 rgb(46,213,52)
```
#2ecfd5
```
#2ecfd5 rgb(46,207,213)
```
#d52ecf
```
#d52ecf rgb(213,46,207)
```
#d5342e
```
#d5342e rgb(213,52,46)
```

Tetradic Color

#1f9498
```
#1f9498 rgb(31,148,152)
```
#23a8ad
```
#23a8ad rgb(35,168,173)
```
#27bdc2
```
#27bdc2 rgb(39,189,194)
```
#2ecfd5
```
#2ecfd5 rgb(46,207,213)
```
#43d4d9
```
#43d4d9 rgb(67,212,217)
```
#58d9de
```
#58d9de rgb(88,217,222)
```
#6edee2
```
#6edee2 rgb(110,222,226)
```

Monochromatic Color

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

#2ed5b1
```
#2ed5b1 rgb(46,213,177)
```
#2ed5bf
```
#2ed5bf rgb(46,213,191)
```
#2ed5cd
```
#2ed5cd rgb(46,213,205)
```
#2ecfd5
```
#2ecfd5 rgb(46,207,213)
```
#2ec1d5
```
#2ec1d5 rgb(46,193,213)
```
#2eb3d5
```
#2eb3d5 rgb(46,179,213)
```
#2ea5d5
```
#2ea5d5 rgb(46,165,213)
```

Similar Colors

Text with hexadecimal color #2ecfd5

This text has a font color of #2ecfd5.

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

#2ecfd5 background color

This paragraph has a background color of #2ecfd5.

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

#2ecfd5 border color

This element has a border color of #2ecfd5.

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

CSS codes

.text {color:#2ecfd5;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041314
```
#041314 rgb(4,19,20)
```
#072324
```
#072324 rgb(7,35,36)
```
#0b3334
```
#0b3334 rgb(11,51,52)
```
#0e4345
```
#0e4345 rgb(14,67,69)
```
#115355
```
#115355 rgb(17,83,85)
```
#146265
```
#146265 rgb(20,98,101)
```
#187276
```
#187276 rgb(24,114,118)
```
#1b8286
```
#1b8286 rgb(27,130,134)
```
#1e9296
```
#1e9296 rgb(30,146,150)
```
#21a2a7
```
#21a2a7 rgb(33,162,167)
```
#25b2b7
```
#25b2b7 rgb(37,178,183)
```
#28c2c7
```
#28c2c7 rgb(40,194,199)
```

Shade Color Variation

#2ecfd5
```
#2ecfd5 rgb(46,207,213)
```
#3ed3d8
```
#3ed3d8 rgb(62,211,216)
```
#4fd7dc
```
#4fd7dc rgb(79,215,220)
```
#5fdadf
```
#5fdadf rgb(95,218,223)
```
#6fdee2
```
#6fdee2 rgb(111,222,226)
```
#80e2e5
```
#80e2e5 rgb(128,226,229)
```
#90e6e9
```
#90e6e9 rgb(144,230,233)
```
#a0e9ec
```
#a0e9ec rgb(160,233,236)
```
#b1edef
```
#b1edef rgb(177,237,239)
```
#c1f1f3
```
#c1f1f3 rgb(193,241,243)
```
#d1f5f6
```
#d1f5f6 rgb(209,245,246)
```
#e2f8f9
```
#e2f8f9 rgb(226,248,249)
```
#f2fcfc
```
#f2fcfc rgb(242,252,252)
```

Tint Color Variation

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

#7b8788
```
#7b8788 rgb(123,135,136)
```
#729091
```
#729091 rgb(114,144,145)
```
#68999b
```
#68999b rgb(104,153,155)
```
#5ea2a5
```
#5ea2a5 rgb(94,162,165)
```
#55abae
```
#55abae rgb(85,171,174)
```
#4bb4b8
```
#4bb4b8 rgb(75,180,184)
```
#41bdc2
```
#41bdc2 rgb(65,189,194)
```
#38c6cb
```
#38c6cb rgb(56,198,203)
```
#2ecfd5
```
#2ecfd5 rgb(46,207,213)
```
#24d8df
```
#24d8df rgb(36,216,223)
```
#1be1e8
```
#1be1e8 rgb(27,225,232)
```
#11eaf2
```
#11eaf2 rgb(17,234,242)
```
#07f3fc
```
#07f3fc rgb(7,243,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#89a9ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#bebdcb Protanopia 1% of men
#c0bbdf Deuteranopia 1% of men
#41d0df Tritanopia 0.001% of the population

Trichromacy

#89c4cf Protanomaly 1% of men, 0.01% of women
#8ac2db Deuteranomaly 6% of men, 0.4% of women
#3acfdb Tritanomaly 0.01% of the population

#2ecfd5 hex color

#2ecfd5 Color Information

#2ecfd5 Color Conversion

Color Schemes with #2ecfd5

Alternatives to #2ecfd5

#2ecfd5 Preview

Shades and Tints of #2ecfd5

Tones of #2ecfd5

Color Blindness Simulator