#1ec7dc hex color

In a RGB color space, hex #1ec7dc is composed of 11.8% red, 78% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 9.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 186.6 degrees, a saturation of 76% and a lightness of 49%. #1ec7dc color hex could be obtained by blending #3cffff with #008fb9. Closest websafe color is: #33cccc.

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

● #1ec7dc color description : Vivid cyan.

The hexadecimal color #1ec7dc has RGB values of R:30, G:199, B:220 and CMYK values of C:0.86, M:0.1, Y:0, K:0.14. Its decimal value is 2017244.

Hex triplet	1ec7dc	`#1ec7dc`
RGB Decimal	30, 199, 220	`rgb(30,199,220)`
RGB Percent	11.8, 78, 86.3	`rgb(11.8%,78%,86.3%)`
CMYK	86, 10, 0, 14
HSL	186.6°, 76, 49	`hsl(186.6,76%,49%)`
HSV (or HSB)	186.6°, 86.4, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.731, -32.278, -21.807
XYZ	33.873, 46.287, 74.855
xyY	0.219, 0.299, 46.287
CIE-LCH	73.731, 38.954, 214.043
CIE-LUV	73.731, -53.317, -29.801
Hunter-Lab	68.034, -30.188, -17.61
Binary	00011110, 11000111, 11011100

#1ec7dc
```
#1ec7dc rgb(30,199,220)
```
#dc331e
```
#dc331e rgb(220,51,30)
```

Complementary Color

#1edc92
```
#1edc92 rgb(30,220,146)
```
#1ec7dc
```
#1ec7dc rgb(30,199,220)
```
#1e68dc
```
#1e68dc rgb(30,104,220)
```

Analogous Color

#dc921e
```
#dc921e rgb(220,146,30)
```
#1ec7dc
```
#1ec7dc rgb(30,199,220)
```
#dc1e68
```
#dc1e68 rgb(220,30,104)
```

Split Complementary Color

#c7dc1e
```
#c7dc1e rgb(199,220,30)
```
#1ec7dc
```
#1ec7dc rgb(30,199,220)
```
#dc1ec7
```
#dc1ec7 rgb(220,30,199)
```

Triadic Color

#1edc33
```
#1edc33 rgb(30,220,51)
```
#1ec7dc
```
#1ec7dc rgb(30,199,220)
```
#dc1ec7
```
#dc1ec7 rgb(220,30,199)
```
#dc331e
```
#dc331e rgb(220,51,30)
```

Tetradic Color

#158a99
```
#158a99 rgb(21,138,153)
```
#189eaf
```
#189eaf rgb(24,158,175)
```
#1bb3c6
```
#1bb3c6 rgb(27,179,198)
```
#1ec7dc
```
#1ec7dc rgb(30,199,220)
```
#31cfe3
```
#31cfe3 rgb(49,207,227)
```
#47d4e6
```
#47d4e6 rgb(71,212,230)
```
#5edae9
```
#5edae9 rgb(94,218,233)
```

Monochromatic Color

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

#1edcc2
```
#1edcc2 rgb(30,220,194)
```
#1edcd1
```
#1edcd1 rgb(30,220,209)
```
#1ed7dc
```
#1ed7dc rgb(30,215,220)
```
#1ec7dc
```
#1ec7dc rgb(30,199,220)
```
#1eb7dc
```
#1eb7dc rgb(30,183,220)
```
#1ea7dc
```
#1ea7dc rgb(30,167,220)
```
#1e98dc
```
#1e98dc rgb(30,152,220)
```

Similar Colors

Text with hexadecimal color #1ec7dc

This text has a font color of #1ec7dc.

<span style="color:#1ec7dc;">Text here</span>

#1ec7dc background color

This paragraph has a background color of #1ec7dc.

<p style="background-color:#1ec7dc;">Content here</p>

#1ec7dc border color

This element has a border color of #1ec7dc.

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

CSS codes

.text {color:#1ec7dc;}

.background {background-color:#1ec7dc;}

.border {border:1px solid #1ec7dc;}

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, #020c0d is the darkest color, while #fbfefe is the lightest one.

#020c0d
```
#020c0d rgb(2,12,13)
```
#041b1e
```
#041b1e rgb(4,27,30)
```
#062b2f
```
#062b2f rgb(6,43,47)
```
#093a41
```
#093a41 rgb(9,58,65)
```
#0b4a52
```
#0b4a52 rgb(11,74,82)
```
#0e5a63
```
#0e5a63 rgb(14,90,99)
```
#106974
```
#106974 rgb(16,105,116)
```
#127986
```
#127986 rgb(18,121,134)
```
#158997
```
#158997 rgb(21,137,151)
```
#1798a8
```
#1798a8 rgb(23,152,168)
```
#19a8b9
```
#19a8b9 rgb(25,168,185)
```
#1cb7cb
```
#1cb7cb rgb(28,183,203)
```
#1ec7dc
```
#1ec7dc rgb(30,199,220)
```

Shade Color Variation

#2bcee2
```
#2bcee2 rgb(43,206,226)
```
#3dd2e5
```
#3dd2e5 rgb(61,210,229)
```
#4ed6e7
```
#4ed6e7 rgb(78,214,231)
```
#5fdae9
```
#5fdae9 rgb(95,218,233)
```
#71deec
```
#71deec rgb(113,222,236)
```
#82e2ee
```
#82e2ee rgb(130,226,238)
```
#93e6f0
```
#93e6f0 rgb(147,230,240)
```
#a4eaf3
```
#a4eaf3 rgb(164,234,243)
```
#b6eef5
```
#b6eef5 rgb(182,238,245)
```
#c7f2f7
```
#c7f2f7 rgb(199,242,247)
```
#d8f6fa
```
#d8f6fa rgb(216,246,250)
```
#e9fafc
```
#e9fafc rgb(233,250,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#758485
```
#758485 rgb(117,132,133)
```
#6b8b8f
```
#6b8b8f rgb(107,139,143)
```
#619399
```
#619399 rgb(97,147,153)
```
#589aa2
```
#589aa2 rgb(88,154,162)
```
#4ea2ac
```
#4ea2ac rgb(78,162,172)
```
#44a9b6
```
#44a9b6 rgb(68,169,182)
```
#3bb1bf
```
#3bb1bf rgb(59,177,191)
```
#31b8c9
```
#31b8c9 rgb(49,184,201)
```
#28c0d2
```
#28c0d2 rgb(40,192,210)
```
#1ec7dc
```
#1ec7dc rgb(30,199,220)
```
#14cee6
```
#14cee6 rgb(20,206,230)
```
#0bd6ef
```
#0bd6ef rgb(11,214,239)
```
#01ddf9
```
#01ddf9 rgb(1,221,249)
```

Tone Color Variation

Below, you can see how #1ec7dc 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

#979797 Achromatopsia 0.005% of the population
#7fa1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b7d2 Protanopia 1% of men
#b1b5e5 Deuteranopia 1% of men
#20cad9 Tritanopia 0.001% of the population

Trichromacy

#7dbdd6 Protanomaly 1% of men, 0.01% of women
#7bbce2 Deuteranomaly 6% of men, 0.4% of women
#1fc9da Tritanomaly 0.01% of the population

#1ec7dc hex color

#1ec7dc Color Information

#1ec7dc Color Conversion

Color Schemes with #1ec7dc

Alternatives to #1ec7dc

#1ec7dc Preview

Shades and Tints of #1ec7dc

Tones of #1ec7dc

Color Blindness Simulator