colorhexa.com

#1ecdce hex color

In a RGB color space, hex #1ecdce is composed of 11.8% red, 80.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 0.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 180.3 degrees, a saturation of 74.6% and a lightness of 46.3%. #1ecdce color hex could be obtained by blending #3cffff with #009b9d. Closest websafe color is: #33cccc.

- R 12
- G 80
- B 81
RGB color chart
- C 85
- M 0
- Y 0
- K 19
CMYK color chart

● #1ecdce color description : Strong cyan.

The hexadecimal color #1ecdce has RGB values of R:30, G:205, B:206 and CMYK values of C:0.85, M:0, Y:0, K:0.19. Its decimal value is 2018766.

Hex triplet	1ecdce	`#1ecdce`
RGB Decimal	30, 205, 206	`rgb(30,205,206)`
RGB Percent	11.8, 80.4, 80.8	`rgb(11.8%,80.4%,80.8%)`
CMYK	85, 0, 0, 19
HSL	180.3°, 74.6, 46.3	`hsl(180.3,74.6%,46.3%)`
HSV (or HSB)	180.3°, 85.4, 80.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.071, -39.347, -12.211
XYZ	33.504, 48.392, 65.964
xyY	0.227, 0.327, 48.392
CIE-LCH	75.071, 41.198, 197.241
CIE-LUV	75.071, -56.45, -13.049
Hunter-Lab	69.564, -35.767, -7.527
Binary	00011110, 11001101, 11001110

#1ecdce
```
#1ecdce rgb(30,205,206)
```
#ce1f1e
```
#ce1f1e rgb(206,31,30)
```

Complementary Color

#1ece77
```
#1ece77 rgb(30,206,119)
```
#1ecdce
```
#1ecdce rgb(30,205,206)
```
#1e75ce
```
#1e75ce rgb(30,117,206)
```

Analogous Color

#ce771e
```
#ce771e rgb(206,119,30)
```
#1ecdce
```
#1ecdce rgb(30,205,206)
```
#ce1e75
```
#ce1e75 rgb(206,30,117)
```

Split Complementary Color

#cdce1e
```
#cdce1e rgb(205,206,30)
```
#1ecdce
```
#1ecdce rgb(30,205,206)
```
#ce1ecd
```
#ce1ecd rgb(206,30,205)
```

Triadic Color

#1ece1f
```
#1ece1f rgb(30,206,31)
```
#1ecdce
```
#1ecdce rgb(30,205,206)
```
#ce1ecd
```
#ce1ecd rgb(206,30,205)
```
#ce1f1e
```
#ce1f1e rgb(206,31,30)
```

Tetradic Color

#148b8b
```
#148b8b rgb(20,139,139)
```
#18a1a1
```
#18a1a1 rgb(24,161,161)
```
#1bb7b8
```
#1bb7b8 rgb(27,183,184)
```
#1ecdce
```
#1ecdce rgb(30,205,206)
```
#26dedf
```
#26dedf rgb(38,222,223)
```
#3ce2e3
```
#3ce2e3 rgb(60,226,227)
```
#53e5e6
```
#53e5e6 rgb(83,229,230)
```

Monochromatic Color

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

#1ecea3
```
#1ecea3 rgb(30,206,163)
```
#1eceb2
```
#1eceb2 rgb(30,206,178)
```
#1ecec0
```
#1ecec0 rgb(30,206,192)
```
#1ecdce
```
#1ecdce rgb(30,205,206)
```
#1ebece
```
#1ebece rgb(30,190,206)
```
#1eb0ce
```
#1eb0ce rgb(30,176,206)
```
#1ea1ce
```
#1ea1ce rgb(30,161,206)
```

Similar Colors

Text with hexadecimal color #1ecdce

This text has a font color of #1ecdce.

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

#1ecdce background color

This paragraph has a background color of #1ecdce.

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

#1ecdce border color

This element has a border color of #1ecdce.

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

CSS codes

.text {color:#1ecdce;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031212
```
#031212 rgb(3,18,18)
```
#052323
```
#052323 rgb(5,35,35)
```
#083434
```
#083434 rgb(8,52,52)
```
#0a4545
```
#0a4545 rgb(10,69,69)
```
#0d5656
```
#0d5656 rgb(13,86,86)
```
#0f6767
```
#0f6767 rgb(15,103,103)
```
#127878
```
#127878 rgb(18,120,120)
```
#14898a
```
#14898a rgb(20,137,138)
```
#179a9b
```
#179a9b rgb(23,154,155)
```
#19abac
```
#19abac rgb(25,171,172)
```
#1cbcbd
```
#1cbcbd rgb(28,188,189)
```
#1ecdce
```
#1ecdce rgb(30,205,206)
```

Shade Color Variation

#21dedf
```
#21dedf rgb(33,222,223)
```
#32e0e1
```
#32e0e1 rgb(50,224,225)
```
#43e3e4
```
#43e3e4 rgb(67,227,228)
```
#54e5e6
```
#54e5e6 rgb(84,229,230)
```
#65e8e9
```
#65e8e9 rgb(101,232,233)
```
#77eaeb
```
#77eaeb rgb(119,234,235)
```
#88edee
```
#88edee rgb(136,237,238)
```
#99f0f0
```
#99f0f0 rgb(153,240,240)
```
#aaf2f3
```
#aaf2f3 rgb(170,242,243)
```
#bbf5f5
```
#bbf5f5 rgb(187,245,245)
```
#ccf7f8
```
#ccf7f8 rgb(204,247,248)
```
#ddfafa
```
#ddfafa rgb(221,250,250)
```
#eefdfd
```
#eefdfd rgb(238,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707c7c is the less saturated color, while #03e8e9 is the most saturated one.

#707c7c
```
#707c7c rgb(112,124,124)
```
#678585
```
#678585 rgb(103,133,133)
```
#5e8e8e
```
#5e8e8e rgb(94,142,142)
```
#549798
```
#549798 rgb(84,151,152)
```
#4ba0a1
```
#4ba0a1 rgb(75,160,161)
```
#42a9aa
```
#42a9aa rgb(66,169,170)
```
#39b2b3
```
#39b2b3 rgb(57,178,179)
```
#30bbbc
```
#30bbbc rgb(48,187,188)
```
#27c4c5
```
#27c4c5 rgb(39,196,197)
```
#1ecdce
```
#1ecdce rgb(30,205,206)
```
#15d6d7
```
#15d6d7 rgb(21,214,215)
```
#0cdfe0
```
#0cdfe0 rgb(12,223,224)
```
#03e8e9
```
#03e8e9 rgb(3,232,233)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#80a3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbbc5 Protanopia 1% of men
#bfb8d9 Deuteranopia 1% of men
#3acddc Tritanopia 0.001% of the population

Trichromacy

#83c1c8 Protanomaly 1% of men, 0.01% of women
#84bfd5 Deuteranomaly 6% of men, 0.4% of women
#2fcdd7 Tritanomaly 0.01% of the population