#2ecde9 hex color

In a RGB color space, hex #2ecde9 is composed of 18% red, 80.4% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 12% magenta, 0% yellow and 8.6% black. It has a hue angle of 189 degrees, a saturation of 81% and a lightness of 54.7%. #2ecde9 color hex could be obtained by blending #5cffff with #009bd3. Closest websafe color is: #33ccff.

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

● #2ecde9 color description : Bright cyan.

The hexadecimal color #2ecde9 has RGB values of R:46, G:205, B:233 and CMYK values of C:0.8, M:0.12, Y:0, K:0.09. Its decimal value is 3067369.

Hex triplet	2ecde9	`#2ecde9`
RGB Decimal	46, 205, 233	`rgb(46,205,233)`
RGB Percent	18, 80.4, 91.4	`rgb(18%,80.4%,91.4%)`
CMYK	80, 12, 0, 9
HSL	189°, 81, 54.7	`hsl(189,81%,54.7%)`
HSV (or HSB)	189°, 80.3, 91.4
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.145, -29.929, -25.123
XYZ	37.662, 50.123, 84.776
xyY	0.218, 0.29, 50.123
CIE-LCH	76.145, 39.076, 220.01
CIE-LUV	76.145, -52.977, -35.807
Hunter-Lab	70.798, -28.94, -21.438
Binary	00101110, 11001101, 11101001

#2ecde9
```
#2ecde9 rgb(46,205,233)
```
#e94a2e
```
#e94a2e rgb(233,74,46)
```

Complementary Color

#2ee9a8
```
#2ee9a8 rgb(46,233,168)
```
#2ecde9
```
#2ecde9 rgb(46,205,233)
```
#2e70e9
```
#2e70e9 rgb(46,112,233)
```

Analogous Color

#e9a82e
```
#e9a82e rgb(233,168,46)
```
#2ecde9
```
#2ecde9 rgb(46,205,233)
```
#e92e70
```
#e92e70 rgb(233,46,112)
```

Split Complementary Color

#cde92e
```
#cde92e rgb(205,233,46)
```
#2ecde9
```
#2ecde9 rgb(46,205,233)
```
#e92ecd
```
#e92ecd rgb(233,46,205)
```

Triadic Color

#2ee94a
```
#2ee94a rgb(46,233,74)
```
#2ecde9
```
#2ecde9 rgb(46,205,233)
```
#e92ecd
```
#e92ecd rgb(233,46,205)
```
#e94a2e
```
#e94a2e rgb(233,74,46)
```

Tetradic Color

#139fb7
```
#139fb7 rgb(19,159,183)
```
#16b3ce
```
#16b3ce rgb(22,179,206)
```
#18c7e5
```
#18c7e5 rgb(24,199,229)
```
#2ecde9
```
#2ecde9 rgb(46,205,233)
```
#45d3eb
```
#45d3eb rgb(69,211,235)
```
#5cd8ee
```
#5cd8ee rgb(92,216,238)
```
#73def0
```
#73def0 rgb(115,222,240)
```

Monochromatic Color

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

#2ee9d6
```
#2ee9d6 rgb(46,233,214)
```
#2ee9e6
```
#2ee9e6 rgb(46,233,230)
```
#2edde9
```
#2edde9 rgb(46,221,233)
```
#2ecde9
```
#2ecde9 rgb(46,205,233)
```
#2ebde9
```
#2ebde9 rgb(46,189,233)
```
#2eaee9
```
#2eaee9 rgb(46,174,233)
```
#2e9ee9
```
#2e9ee9 rgb(46,158,233)
```

Similar Colors

Text with hexadecimal color #2ecde9

This text has a font color of #2ecde9.

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

#2ecde9 background color

This paragraph has a background color of #2ecde9.

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

#2ecde9 border color

This element has a border color of #2ecde9.

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

CSS codes

.text {color:#2ecde9;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#021316
```
#021316 rgb(2,19,22)
```
#042227
```
#042227 rgb(4,34,39)
```
#063239
```
#063239 rgb(6,50,57)
```
#08414b
```
#08414b rgb(8,65,75)
```
#0a505d
```
#0a505d rgb(10,80,93)
```
#0c606e
```
#0c606e rgb(12,96,110)
```
#0d6f80
```
#0d6f80 rgb(13,111,128)
```
#0f7e92
```
#0f7e92 rgb(15,126,146)
```
#118ea4
```
#118ea4 rgb(17,142,164)
```
#139db5
```
#139db5 rgb(19,157,181)
```
#15adc7
```
#15adc7 rgb(21,173,199)
```
#17bcd9
```
#17bcd9 rgb(23,188,217)
```

Shade Color Variation

#1cc9e7
```
#1cc9e7 rgb(28,201,231)
```
#2ecde9
```
#2ecde9 rgb(46,205,233)
```
#40d1eb
```
#40d1eb rgb(64,209,235)
```
#51d5ed
```
#51d5ed rgb(81,213,237)
```
#63daef
```
#63daef rgb(99,218,239)
```
#75def0
```
#75def0 rgb(117,222,240)
```
#87e2f2
```
#87e2f2 rgb(135,226,242)
```
#98e6f4
```
#98e6f4 rgb(152,230,244)
```
#aaebf6
```
#aaebf6 rgb(170,235,246)
```
#bceff8
```
#bceff8 rgb(188,239,248)
```
#cef3fa
```
#cef3fa rgb(206,243,250)
```
#dff7fc
```
#dff7fc rgb(223,247,252)
```
#f1fcfe
```
#f1fcfe rgb(241,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878f90 is the less saturated color, while #1cd9fb is the most saturated one.

#878f90
```
#878f90 rgb(135,143,144)
```
#7e9599
```
#7e9599 rgb(126,149,153)
```
#759ba2
```
#759ba2 rgb(117,155,162)
```
#6ca1ab
```
#6ca1ab rgb(108,161,171)
```
#63a8b4
```
#63a8b4 rgb(99,168,180)
```
#5aaebd
```
#5aaebd rgb(90,174,189)
```
#52b4c5
```
#52b4c5 rgb(82,180,197)
```
#49bace
```
#49bace rgb(73,186,206)
```
#40c1d7
```
#40c1d7 rgb(64,193,215)
```
#37c7e0
```
#37c7e0 rgb(55,199,224)
```
#2ecde9
```
#2ecde9 rgb(46,205,233)
```
#25d3f2
```
#25d3f2 rgb(37,211,242)
```
#1cd9fb
```
#1cd9fb rgb(28,217,251)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8aaaaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8bdde Protanopia 1% of men
#b4bcf1 Deuteranopia 1% of men
#2ad1e0 Tritanopia 0.001% of the population

Trichromacy

#85c3e2 Protanomaly 1% of men, 0.01% of women
#83c2ee Deuteranomaly 6% of men, 0.4% of women
#2bcfe3 Tritanomaly 0.01% of the population

#2ecde9 hex color

#2ecde9 Color Information

#2ecde9 Color Conversion

Color Schemes with #2ecde9

Alternatives to #2ecde9

#2ecde9 Preview

Shades and Tints of #2ecde9

Tones of #2ecde9

Color Blindness Simulator