#2ecbda hex color

In a RGB color space, hex #2ecbda is composed of 18% red, 79.6% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 6.9% magenta, 0% yellow and 14.5% black. It has a hue angle of 185.2 degrees, a saturation of 69.9% and a lightness of 51.8%. #2ecbda color hex could be obtained by blending #5cffff with #0097b5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 80
- B 85
RGB color chart
- C 79
- M 7
- Y 0
- K 15
CMYK color chart

● #2ecbda color description : Bright cyan.

The hexadecimal color #2ecbda has RGB values of R:46, G:203, B:218 and CMYK values of C:0.79, M:0.07, Y:0, K:0.15. Its decimal value is 3066842.

Hex triplet	2ecbda	`#2ecbda`
RGB Decimal	46, 203, 218	`rgb(46,203,218)`
RGB Percent	18, 79.6, 85.5	`rgb(18%,79.6%,85.5%)`
CMYK	79, 7, 0, 15
HSL	185.2°, 69.9, 51.8	`hsl(185.2,69.9%,51.8%)`
HSV (or HSB)	185.2°, 78.9, 85.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.046, -33.601, -18.712
XYZ	35.134, 48.351, 73.807
xyY	0.223, 0.307, 48.351
CIE-LCH	75.046, 38.46, 209.113
CIE-LUV	75.046, -53.368, -24.506
Hunter-Lab	69.535, -31.496, -14.258
Binary	00101110, 11001011, 11011010

#2ecbda
```
#2ecbda rgb(46,203,218)
```
#da3d2e
```
#da3d2e rgb(218,61,46)
```

Complementary Color

#2eda93
```
#2eda93 rgb(46,218,147)
```
#2ecbda
```
#2ecbda rgb(46,203,218)
```
#2e75da
```
#2e75da rgb(46,117,218)
```

Analogous Color

#da932e
```
#da932e rgb(218,147,46)
```
#2ecbda
```
#2ecbda rgb(46,203,218)
```
#da2e75
```
#da2e75 rgb(218,46,117)
```

Split Complementary Color

#cbda2e
```
#cbda2e rgb(203,218,46)
```
#2ecbda
```
#2ecbda rgb(46,203,218)
```
#da2ecb
```
#da2ecb rgb(218,46,203)
```

Triadic Color

#2eda3d
```
#2eda3d rgb(46,218,61)
```
#2ecbda
```
#2ecbda rgb(46,203,218)
```
#da2ecb
```
#da2ecb rgb(218,46,203)
```
#da3d2e
```
#da3d2e rgb(218,61,46)
```

Tetradic Color

#1c949f
```
#1c949f rgb(28,148,159)
```
#20a8b5
```
#20a8b5 rgb(32,168,181)
```
#24bccb
```
#24bccb rgb(36,188,203)
```
#2ecbda
```
#2ecbda rgb(46,203,218)
```
#44d0de
```
#44d0de rgb(68,208,222)
```
#59d6e2
```
#59d6e2 rgb(89,214,226)
```
#6fdbe6
```
#6fdbe6 rgb(111,219,230)
```

Monochromatic Color

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

#2edabe
```
#2edabe rgb(46,218,190)
```
#2edacc
```
#2edacc rgb(46,218,204)
```
#2ed9da
```
#2ed9da rgb(46,217,218)
```
#2ecbda
```
#2ecbda rgb(46,203,218)
```
#2ebdda
```
#2ebdda rgb(46,189,218)
```
#2eaeda
```
#2eaeda rgb(46,174,218)
```
#2ea0da
```
#2ea0da rgb(46,160,218)
```

Similar Colors

Text with hexadecimal color #2ecbda

This text has a font color of #2ecbda.

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

#2ecbda background color

This paragraph has a background color of #2ecbda.

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

#2ecbda border color

This element has a border color of #2ecbda.

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

CSS codes

.text {color:#2ecbda;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#041718
```
#041718 rgb(4,23,24)
```
#072629
```
#072629 rgb(7,38,41)
```
#0a363a
```
#0a363a rgb(10,54,58)
```
#0d454a
```
#0d454a rgb(13,69,74)
```
#10545b
```
#10545b rgb(16,84,91)
```
#13646c
```
#13646c rgb(19,100,108)
```
#16737c
```
#16737c rgb(22,115,124)
```
#19838d
```
#19838d rgb(25,131,141)
```
#1c929e
```
#1c929e rgb(28,146,158)
```
#1fa2ae
```
#1fa2ae rgb(31,162,174)
```
#22b1bf
```
#22b1bf rgb(34,177,191)
```
#25c1d0
```
#25c1d0 rgb(37,193,208)
```

Shade Color Variation

#2ecbda
```
#2ecbda rgb(46,203,218)
```
#3fcfdd
```
#3fcfdd rgb(63,207,221)
```
#4fd3e0
```
#4fd3e0 rgb(79,211,224)
```
#60d7e3
```
#60d7e3 rgb(96,215,227)
```
#71dce6
```
#71dce6 rgb(113,220,230)
```
#81e0e9
```
#81e0e9 rgb(129,224,233)
```
#92e4ec
```
#92e4ec rgb(146,228,236)
```
#a3e8ef
```
#a3e8ef rgb(163,232,239)
```
#b3ecf2
```
#b3ecf2 rgb(179,236,242)
```
#c4f0f5
```
#c4f0f5 rgb(196,240,245)
```
#d5f4f8
```
#d5f4f8 rgb(213,244,248)
```
#e5f9fa
```
#e5f9fa rgb(229,249,250)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838585 is the less saturated color, while #12e2f6 is the most saturated one.

#838585
```
#838585 rgb(131,133,133)
```
#7a8d8e
```
#7a8d8e rgb(122,141,142)
```
#709498
```
#709498 rgb(112,148,152)
```
#679ca1
```
#679ca1 rgb(103,156,161)
```
#5da4ab
```
#5da4ab rgb(93,164,171)
```
#54acb4
```
#54acb4 rgb(84,172,180)
```
#4ab4be
```
#4ab4be rgb(74,180,190)
```
#41bbc7
```
#41bbc7 rgb(65,187,199)
```
#37c3d1
```
#37c3d1 rgb(55,195,209)
```
#2ecbda
```
#2ecbda rgb(46,203,218)
```
#25d3e3
```
#25d3e3 rgb(37,211,227)
```
#1bdbed
```
#1bdbed rgb(27,219,237)
```
#12e2f6
```
#12e2f6 rgb(18,226,246)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#88a7aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bbd0 Protanopia 1% of men
#b8b8e3 Deuteranopia 1% of men
#39cddc Tritanopia 0.001% of the population

Trichromacy

#86c0d4 Protanomaly 1% of men, 0.01% of women
#86bfe0 Deuteranomaly 6% of men, 0.4% of women
#35ccdb Tritanomaly 0.01% of the population

#2ecbda hex color

#2ecbda Color Information

#2ecbda Color Conversion

Color Schemes with #2ecbda

Alternatives to #2ecbda

#2ecbda Preview

Shades and Tints of #2ecbda

Tones of #2ecbda

Color Blindness Simulator