#2ec6dc hex color

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

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

● #2ec6dc color description : Bright cyan.

The hexadecimal color #2ec6dc has RGB values of R:46, G:198, B:220 and CMYK values of C:0.79, M:0.1, Y:0, K:0.14. Its decimal value is 3065564.

Hex triplet	2ec6dc	`#2ec6dc`
RGB Decimal	46, 198, 220	`rgb(46,198,220)`
RGB Percent	18, 77.6, 86.3	`rgb(18%,77.6%,86.3%)`
CMYK	79, 10, 0, 14
HSL	187.6°, 71.3, 52.2	`hsl(187.6,71.3%,52.2%)`
HSV (or HSB)	187.6°, 79.1, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.632, -30.591, -21.94
XYZ	34.235, 46.133, 74.806
xyY	0.221, 0.297, 46.133
CIE-LCH	73.632, 37.645, 215.649
CIE-LUV	73.632, -51.488, -30.234
Hunter-Lab	67.921, -28.89, -17.755
Binary	00101110, 11000110, 11011100

#2ec6dc
```
#2ec6dc rgb(46,198,220)
```
#dc442e
```
#dc442e rgb(220,68,46)
```

Complementary Color

#2edc9b
```
#2edc9b rgb(46,220,155)
```
#2ec6dc
```
#2ec6dc rgb(46,198,220)
```
#2e6fdc
```
#2e6fdc rgb(46,111,220)
```

Analogous Color

#dc9b2e
```
#dc9b2e rgb(220,155,46)
```
#2ec6dc
```
#2ec6dc rgb(46,198,220)
```
#dc2e6f
```
#dc2e6f rgb(220,46,111)
```

Split Complementary Color

#c6dc2e
```
#c6dc2e rgb(198,220,46)
```
#2ec6dc
```
#2ec6dc rgb(46,198,220)
```
#dc2ec6
```
#dc2ec6 rgb(220,46,198)
```

Triadic Color

#2edc44
```
#2edc44 rgb(46,220,68)
```
#2ec6dc
```
#2ec6dc rgb(46,198,220)
```
#dc2ec6
```
#dc2ec6 rgb(220,46,198)
```
#dc442e
```
#dc442e rgb(220,68,46)
```

Tetradic Color

#1b91a2
```
#1b91a2 rgb(27,145,162)
```
#1fa5b8
```
#1fa5b8 rgb(31,165,184)
```
#22b8ce
```
#22b8ce rgb(34,184,206)
```
#2ec6dc
```
#2ec6dc rgb(46,198,220)
```
#44cce0
```
#44cce0 rgb(68,204,224)
```
#5ad2e3
```
#5ad2e3 rgb(90,210,227)
```
#70d8e7
```
#70d8e7 rgb(112,216,231)
```

Monochromatic Color

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

#2edcc7
```
#2edcc7 rgb(46,220,199)
```
#2edcd5
```
#2edcd5 rgb(46,220,213)
```
#2ed5dc
```
#2ed5dc rgb(46,213,220)
```
#2ec6dc
```
#2ec6dc rgb(46,198,220)
```
#2eb8dc
```
#2eb8dc rgb(46,184,220)
```
#2ea9dc
```
#2ea9dc rgb(46,169,220)
```
#2e9bdc
```
#2e9bdc rgb(46,155,220)
```

Similar Colors

Text with hexadecimal color #2ec6dc

This text has a font color of #2ec6dc.

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

#2ec6dc background color

This paragraph has a background color of #2ec6dc.

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

#2ec6dc border color

This element has a border color of #2ec6dc.

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

CSS codes

.text {color:#2ec6dc;}

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

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

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

#020809
```
#020809 rgb(2,8,9)
```
#04171a
```
#04171a rgb(4,23,26)
```
#07262b
```
#07262b rgb(7,38,43)
```
#0a363c
```
#0a363c rgb(10,54,60)
```
#0d454d
```
#0d454d rgb(13,69,77)
```
#10545d
```
#10545d rgb(16,84,93)
```
#12636e
```
#12636e rgb(18,99,110)
```
#15727f
```
#15727f rgb(21,114,127)
```
#188190
```
#188190 rgb(24,129,144)
```
#1b90a1
```
#1b90a1 rgb(27,144,161)
```
#1e9fb1
```
#1e9fb1 rgb(30,159,177)
```
#21aec2
```
#21aec2 rgb(33,174,194)
```
#23bdd3
```
#23bdd3 rgb(35,189,211)
```

Shade Color Variation

#2ec6dc
```
#2ec6dc rgb(46,198,220)
```
#3fcbdf
```
#3fcbdf rgb(63,203,223)
```
#50cfe2
```
#50cfe2 rgb(80,207,226)
```
#60d4e4
```
#60d4e4 rgb(96,212,228)
```
#71d8e7
```
#71d8e7 rgb(113,216,231)
```
#82ddea
```
#82ddea rgb(130,221,234)
```
#93e1ed
```
#93e1ed rgb(147,225,237)
```
#a4e6f0
```
#a4e6f0 rgb(164,230,240)
```
#b4ebf3
```
#b4ebf3 rgb(180,235,243)
```
#c5eff5
```
#c5eff5 rgb(197,239,245)
```
#d6f4f8
```
#d6f4f8 rgb(214,244,248)
```
#e7f8fb
```
#e7f8fb rgb(231,248,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 #12dbf8 is the most saturated one.

#828788
```
#828788 rgb(130,135,136)
```
#798e91
```
#798e91 rgb(121,142,145)
```
#70959a
```
#70959a rgb(112,149,154)
```
#669ca4
```
#669ca4 rgb(102,156,164)
```
#5da3ad
```
#5da3ad rgb(93,163,173)
```
#54aab6
```
#54aab6 rgb(84,170,182)
```
#4ab1c0
```
#4ab1c0 rgb(74,177,192)
```
#41b8c9
```
#41b8c9 rgb(65,184,201)
```
#37bfd3
```
#37bfd3 rgb(55,191,211)
```
#2ec6dc
```
#2ec6dc rgb(46,198,220)
```
#25cde5
```
#25cde5 rgb(37,205,229)
```
#1bd4ef
```
#1bd4ef rgb(27,212,239)
```
#12dbf8
```
#12dbf8 rgb(18,219,248)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#85a4a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b7d3 Protanopia 1% of men
#b1b5e5 Deuteranopia 1% of men
#32c9d8 Tritanopia 0.001% of the population

Trichromacy

#82bcd6 Protanomaly 1% of men, 0.01% of women
#81bbe1 Deuteranomaly 6% of men, 0.4% of women
#30c8d9 Tritanomaly 0.01% of the population

#2ec6dc hex color

#2ec6dc Color Information

#2ec6dc Color Conversion

Color Schemes with #2ec6dc

Alternatives to #2ec6dc

#2ec6dc Preview

Shades and Tints of #2ec6dc

Tones of #2ec6dc

Color Blindness Simulator