#2ec9dc hex color

In a RGB color space, hex #2ec9dc is composed of 18% red, 78.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 8.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 186.6 degrees, a saturation of 71.3% and a lightness of 52.2%. #2ec9dc color hex could be obtained by blending #5cffff with #0093b9. Closest websafe color is: #33cccc.

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

● #2ec9dc color description : Bright cyan.

The hexadecimal color #2ec9dc has RGB values of R:46, G:201, B:220 and CMYK values of C:0.79, M:0.09, Y:0, K:0.14. Its decimal value is 3066332.

Hex triplet	2ec9dc	`#2ec9dc`
RGB Decimal	46, 201, 220	`rgb(46,201,220)`
RGB Percent	18, 78.8, 86.3	`rgb(18%,78.8%,86.3%)`
CMYK	79, 9, 0, 14
HSL	186.6°, 71.3, 52.2	`hsl(186.6,71.3%,52.2%)`
HSV (or HSB)	186.6°, 79.1, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.52, -32.036, -20.59
XYZ	34.928, 47.518, 75.037
xyY	0.222, 0.302, 47.518
CIE-LCH	74.52, 38.082, 212.729
CIE-LUV	74.52, -52.53, -27.824
Hunter-Lab	68.933, -30.189, -16.287
Binary	00101110, 11001001, 11011100

#2ec9dc
```
#2ec9dc rgb(46,201,220)
```
#dc412e
```
#dc412e rgb(220,65,46)
```

Complementary Color

#2edc98
```
#2edc98 rgb(46,220,152)
```
#2ec9dc
```
#2ec9dc rgb(46,201,220)
```
#2e72dc
```
#2e72dc rgb(46,114,220)
```

Analogous Color

#dc982e
```
#dc982e rgb(220,152,46)
```
#2ec9dc
```
#2ec9dc rgb(46,201,220)
```
#dc2e72
```
#dc2e72 rgb(220,46,114)
```

Split Complementary Color

#c9dc2e
```
#c9dc2e rgb(201,220,46)
```
#2ec9dc
```
#2ec9dc rgb(46,201,220)
```
#dc2ec9
```
#dc2ec9 rgb(220,46,201)
```

Triadic Color

#2edc41
```
#2edc41 rgb(46,220,65)
```
#2ec9dc
```
#2ec9dc rgb(46,201,220)
```
#dc2ec9
```
#dc2ec9 rgb(220,46,201)
```
#dc412e
```
#dc412e rgb(220,65,46)
```

Tetradic Color

#1b94a2
```
#1b94a2 rgb(27,148,162)
```
#1fa7b8
```
#1fa7b8 rgb(31,167,184)
```
#22bbce
```
#22bbce rgb(34,187,206)
```
#2ec9dc
```
#2ec9dc rgb(46,201,220)
```
#44cfe0
```
#44cfe0 rgb(68,207,224)
```
#5ad4e3
```
#5ad4e3 rgb(90,212,227)
```
#70dae7
```
#70dae7 rgb(112,218,231)
```

Monochromatic Color

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

#2edcc4
```
#2edcc4 rgb(46,220,196)
```
#2edcd2
```
#2edcd2 rgb(46,220,210)
```
#2ed8dc
```
#2ed8dc rgb(46,216,220)
```
#2ec9dc
```
#2ec9dc rgb(46,201,220)
```
#2ebbdc
```
#2ebbdc rgb(46,187,220)
```
#2eacdc
```
#2eacdc rgb(46,172,220)
```
#2e9edc
```
#2e9edc rgb(46,158,220)
```

Similar Colors

Text with hexadecimal color #2ec9dc

This text has a font color of #2ec9dc.

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

#2ec9dc background color

This paragraph has a background color of #2ec9dc.

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

#2ec9dc border color

This element has a border color of #2ec9dc.

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

CSS codes

.text {color:#2ec9dc;}

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

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

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

#020909
```
#020909 rgb(2,9,9)
```
#04181a
```
#04181a rgb(4,24,26)
```
#07272b
```
#07272b rgb(7,39,43)
```
#0a363c
```
#0a363c rgb(10,54,60)
```
#0d464d
```
#0d464d rgb(13,70,77)
```
#10555d
```
#10555d rgb(16,85,93)
```
#12646e
```
#12646e rgb(18,100,110)
```
#15737f
```
#15737f rgb(21,115,127)
```
#188390
```
#188390 rgb(24,131,144)
```
#1b92a1
```
#1b92a1 rgb(27,146,161)
```
#1ea1b1
```
#1ea1b1 rgb(30,161,177)
```
#21b1c2
```
#21b1c2 rgb(33,177,194)
```
#23c0d3
```
#23c0d3 rgb(35,192,211)
```

Shade Color Variation

#2ec9dc
```
#2ec9dc rgb(46,201,220)
```
#3fcddf
```
#3fcddf rgb(63,205,223)
```
#50d2e2
```
#50d2e2 rgb(80,210,226)
```
#60d6e4
```
#60d6e4 rgb(96,214,228)
```
#71dae7
```
#71dae7 rgb(113,218,231)
```
#82dfea
```
#82dfea rgb(130,223,234)
```
#93e3ed
```
#93e3ed rgb(147,227,237)
```
#a4e7f0
```
#a4e7f0 rgb(164,231,240)
```
#b4ecf3
```
#b4ecf3 rgb(180,236,243)
```
#c5f0f5
```
#c5f0f5 rgb(197,240,245)
```
#d6f4f8
```
#d6f4f8 rgb(214,244,248)
```
#e7f9fb
```
#e7f9fb rgb(231,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, #828788 is the less saturated color, while #12dff8 is the most saturated one.

#828788
```
#828788 rgb(130,135,136)
```
#798e91
```
#798e91 rgb(121,142,145)
```
#70969a
```
#70969a rgb(112,150,154)
```
#669da4
```
#669da4 rgb(102,157,164)
```
#5da4ad
```
#5da4ad rgb(93,164,173)
```
#54acb6
```
#54acb6 rgb(84,172,182)
```
#4ab3c0
```
#4ab3c0 rgb(74,179,192)
```
#41bac9
```
#41bac9 rgb(65,186,201)
```
#37c2d3
```
#37c2d3 rgb(55,194,211)
```
#2ec9dc
```
#2ec9dc rgb(46,201,220)
```
#25d0e5
```
#25d0e5 rgb(37,208,229)
```
#1bd8ef
```
#1bd8ef rgb(27,216,239)
```
#12dff8
```
#12dff8 rgb(18,223,248)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#87a6aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b9d2 Protanopia 1% of men
#b5b7e5 Deuteranopia 1% of men
#35ccdb Tritanopia 0.001% of the population

Trichromacy

#84bfd6 Protanomaly 1% of men, 0.01% of women
#84bde2 Deuteranomaly 6% of men, 0.4% of women
#32cbdb Tritanomaly 0.01% of the population

#2ec9dc hex color

#2ec9dc Color Information

#2ec9dc Color Conversion

Color Schemes with #2ec9dc

Alternatives to #2ec9dc

#2ec9dc Preview

Shades and Tints of #2ec9dc

Tones of #2ec9dc

Color Blindness Simulator