#2ecadd hex color

In a RGB color space, hex #2ecadd is composed of 18% red, 79.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 8.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 186.5 degrees, a saturation of 72% and a lightness of 52.4%. #2ecadd color hex could be obtained by blending #5cffff with #0095bb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 79
- B 87
RGB color chart
- C 79
- M 9
- Y 0
- K 13
CMYK color chart

● #2ecadd color description : Bright cyan.

The hexadecimal color #2ecadd has RGB values of R:46, G:202, B:221 and CMYK values of C:0.79, M:0.09, Y:0, K:0.13. Its decimal value is 3066589.

Hex triplet	2ecadd	`#2ecadd`
RGB Decimal	46, 202, 221	`rgb(46,202,221)`
RGB Percent	18, 79.2, 86.7	`rgb(18%,79.2%,86.7%)`
CMYK	79, 9, 0, 13
HSL	186.5°, 72, 52.4	`hsl(186.5,72%,52.4%)`
HSV (or HSB)	186.5°, 79.2, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.85, -32.208, -20.63
XYZ	35.295, 48.039, 75.815
xyY	0.222, 0.302, 48.039
CIE-LCH	74.85, 38.248, 212.641
CIE-LUV	74.85, -52.804, -27.881
Hunter-Lab	69.31, -30.396, -16.337
Binary	00101110, 11001010, 11011101

#2ecadd
```
#2ecadd rgb(46,202,221)
```
#dd412e
```
#dd412e rgb(221,65,46)
```

Complementary Color

#2edd99
```
#2edd99 rgb(46,221,153)
```
#2ecadd
```
#2ecadd rgb(46,202,221)
```
#2e73dd
```
#2e73dd rgb(46,115,221)
```

Analogous Color

#dd992e
```
#dd992e rgb(221,153,46)
```
#2ecadd
```
#2ecadd rgb(46,202,221)
```
#dd2e73
```
#dd2e73 rgb(221,46,115)
```

Split Complementary Color

#cadd2e
```
#cadd2e rgb(202,221,46)
```
#2ecadd
```
#2ecadd rgb(46,202,221)
```
#dd2eca
```
#dd2eca rgb(221,46,202)
```

Triadic Color

#2edd41
```
#2edd41 rgb(46,221,65)
```
#2ecadd
```
#2ecadd rgb(46,202,221)
```
#dd2eca
```
#dd2eca rgb(221,46,202)
```
#dd412e
```
#dd412e rgb(221,65,46)
```

Tetradic Color

#1b95a4
```
#1b95a4 rgb(27,149,164)
```
#1ea9ba
```
#1ea9ba rgb(30,169,186)
```
#22bdd0
```
#22bdd0 rgb(34,189,208)
```
#2ecadd
```
#2ecadd rgb(46,202,221)
```
#44d0e1
```
#44d0e1 rgb(68,208,225)
```
#5ad5e4
```
#5ad5e4 rgb(90,213,228)
```
#70dbe8
```
#70dbe8 rgb(112,219,232)
```

Monochromatic Color

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

#2eddc4
```
#2eddc4 rgb(46,221,196)
```
#2eddd3
```
#2eddd3 rgb(46,221,211)
```
#2ed9dd
```
#2ed9dd rgb(46,217,221)
```
#2ecadd
```
#2ecadd rgb(46,202,221)
```
#2ebbdd
```
#2ebbdd rgb(46,187,221)
```
#2eaddd
```
#2eaddd rgb(46,173,221)
```
#2e9edd
```
#2e9edd rgb(46,158,221)
```

Similar Colors

Text with hexadecimal color #2ecadd

This text has a font color of #2ecadd.

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

#2ecadd background color

This paragraph has a background color of #2ecadd.

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

#2ecadd border color

This element has a border color of #2ecadd.

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

CSS codes

.text {color:#2ecadd;}

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

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

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, #02090a is the darkest color, while #f8fdfe is the lightest one.

#02090a
```
#02090a rgb(2,9,10)
```
#04191b
```
#04191b rgb(4,25,27)
```
#07282c
```
#07282c rgb(7,40,44)
```
#0a373d
```
#0a373d rgb(10,55,61)
```
#0d474e
```
#0d474e rgb(13,71,78)
```
#0f565f
```
#0f565f rgb(15,86,95)
```
#126570
```
#126570 rgb(18,101,112)
```
#157580
```
#157580 rgb(21,117,128)
```
#188491
```
#188491 rgb(24,132,145)
```
#1a93a2
```
#1a93a2 rgb(26,147,162)
```
#1da3b3
```
#1da3b3 rgb(29,163,179)
```
#20b2c4
```
#20b2c4 rgb(32,178,196)
```
#23c1d5
```
#23c1d5 rgb(35,193,213)
```

Shade Color Variation

#2ecadd
```
#2ecadd rgb(46,202,221)
```
#3fcee0
```
#3fcee0 rgb(63,206,224)
```
#50d3e2
```
#50d3e2 rgb(80,211,226)
```
#61d7e5
```
#61d7e5 rgb(97,215,229)
```
#71dbe8
```
#71dbe8 rgb(113,219,232)
```
#82dfeb
```
#82dfeb rgb(130,223,235)
```
#93e4ed
```
#93e4ed rgb(147,228,237)
```
#a4e8f0
```
#a4e8f0 rgb(164,232,240)
```
#b5ecf3
```
#b5ecf3 rgb(181,236,243)
```
#c6f1f6
```
#c6f1f6 rgb(198,241,246)
```
#d7f5f8
```
#d7f5f8 rgb(215,245,248)
```
#e8f9fb
```
#e8f9fb rgb(232,249,251)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

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

#828889
```
#828889 rgb(130,136,137)
```
#798f92
```
#798f92 rgb(121,143,146)
```
#6f979c
```
#6f979c rgb(111,151,156)
```
#669ea5
```
#669ea5 rgb(102,158,165)
```
#5da5ae
```
#5da5ae rgb(93,165,174)
```
#53adb8
```
#53adb8 rgb(83,173,184)
```
#4ab4c1
```
#4ab4c1 rgb(74,180,193)
```
#41bbca
```
#41bbca rgb(65,187,202)
```
#37c3d4
```
#37c3d4 rgb(55,195,212)
```
#2ecadd
```
#2ecadd rgb(46,202,221)
```
#25d1e6
```
#25d1e6 rgb(37,209,230)
```
#1bd9f0
```
#1bd9f0 rgb(27,217,240)
```
#12e0f9
```
#12e0f9 rgb(18,224,249)
```

Tone Color Variation

Below, you can see how #2ecadd 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
#88a7ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bad3 Protanopia 1% of men
#b6b8e6 Deuteranopia 1% of men
#35cddc Tritanopia 0.001% of the population

Trichromacy

#85c0d7 Protanomaly 1% of men, 0.01% of women
#84bee3 Deuteranomaly 6% of men, 0.4% of women
#32ccdc Tritanomaly 0.01% of the population

#2ecadd hex color

#2ecadd Color Information

#2ecadd Color Conversion

Color Schemes with #2ecadd

Alternatives to #2ecadd

#2ecadd Preview

Shades and Tints of #2ecadd

Tones of #2ecadd

Color Blindness Simulator