#1eccd2 hex color

In a RGB color space, hex #1eccd2 is composed of 11.8% red, 80% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 2.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 182 degrees, a saturation of 75% and a lightness of 47.1%. #1eccd2 color hex could be obtained by blending #3cffff with #0099a5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 12
- G 80
- B 82
RGB color chart
- C 86
- M 3
- Y 0
- K 18
CMYK color chart

● #1eccd2 color description : Strong cyan.

The hexadecimal color #1eccd2 has RGB values of R:30, G:204, B:210 and CMYK values of C:0.86, M:0.03, Y:0, K:0.18. Its decimal value is 2018514.

Hex triplet	1eccd2	`#1eccd2`
RGB Decimal	30, 204, 210	`rgb(30,204,210)`
RGB Percent	11.8, 80, 82.4	`rgb(11.8%,80%,82.4%)`
CMYK	86, 3, 0, 18
HSL	182°, 75, 47.1	`hsl(182,75%,47.1%)`
HSV (or HSB)	182°, 85.7, 82.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.895, -37.699, -14.637
XYZ	33.758, 48.112, 68.476
xyY	0.225, 0.32, 48.112
CIE-LCH	74.895, 40.441, 201.219
CIE-LUV	74.895, -55.798, -17.228
Hunter-Lab	69.362, -34.511, -9.979
Binary	00011110, 11001100, 11010010

#1eccd2
```
#1eccd2 rgb(30,204,210)
```
#d2241e
```
#d2241e rgb(210,36,30)
```

Complementary Color

#1ed27e
```
#1ed27e rgb(30,210,126)
```
#1eccd2
```
#1eccd2 rgb(30,204,210)
```
#1e72d2
```
#1e72d2 rgb(30,114,210)
```

Analogous Color

#d27e1e
```
#d27e1e rgb(210,126,30)
```
#1eccd2
```
#1eccd2 rgb(30,204,210)
```
#d21e72
```
#d21e72 rgb(210,30,114)
```

Split Complementary Color

#ccd21e
```
#ccd21e rgb(204,210,30)
```
#1eccd2
```
#1eccd2 rgb(30,204,210)
```
#d21ecc
```
#d21ecc rgb(210,30,204)
```

Triadic Color

#1ed224
```
#1ed224 rgb(30,210,36)
```
#1eccd2
```
#1eccd2 rgb(30,204,210)
```
#d21ecc
```
#d21ecc rgb(210,30,204)
```
#d2241e
```
#d2241e rgb(210,36,30)
```

Tetradic Color

#148b8f
```
#148b8f rgb(20,139,143)
```
#18a1a5
```
#18a1a5 rgb(24,161,165)
```
#1bb6bc
```
#1bb6bc rgb(27,182,188)
```
#1eccd2
```
#1eccd2 rgb(30,204,210)
```
#29dae0
```
#29dae0 rgb(41,218,224)
```
#3fdee4
```
#3fdee4 rgb(63,222,228)
```
#56e2e7
```
#56e2e7 rgb(86,226,231)
```

Monochromatic Color

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

#1ed2ab
```
#1ed2ab rgb(30,210,171)
```
#1ed2ba
```
#1ed2ba rgb(30,210,186)
```
#1ed2c9
```
#1ed2c9 rgb(30,210,201)
```
#1eccd2
```
#1eccd2 rgb(30,204,210)
```
#1ebdd2
```
#1ebdd2 rgb(30,189,210)
```
#1eaed2
```
#1eaed2 rgb(30,174,210)
```
#1e9fd2
```
#1e9fd2 rgb(30,159,210)
```

Similar Colors

Text with hexadecimal color #1eccd2

This text has a font color of #1eccd2.

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

#1eccd2 background color

This paragraph has a background color of #1eccd2.

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

#1eccd2 border color

This element has a border color of #1eccd2.

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

CSS codes

.text {color:#1eccd2;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#031515
```
#031515 rgb(3,21,21)
```
#052526
```
#052526 rgb(5,37,38)
```
#083638
```
#083638 rgb(8,54,56)
```
#0a4749
```
#0a4749 rgb(10,71,73)
```
#0d575a
```
#0d575a rgb(13,87,90)
```
#0f686b
```
#0f686b rgb(15,104,107)
```
#12797c
```
#12797c rgb(18,121,124)
```
#14898d
```
#14898d rgb(20,137,141)
```
#179a9f
```
#179a9f rgb(23,154,159)
```
#19abb0
```
#19abb0 rgb(25,171,176)
```
#1cbbc1
```
#1cbbc1 rgb(28,187,193)
```
#1eccd2
```
#1eccd2 rgb(30,204,210)
```

Shade Color Variation

#24d9e0
```
#24d9e0 rgb(36,217,224)
```
#35dce2
```
#35dce2 rgb(53,220,226)
```
#46dfe5
```
#46dfe5 rgb(70,223,229)
```
#57e2e7
```
#57e2e7 rgb(87,226,231)
```
#69e5ea
```
#69e5ea rgb(105,229,234)
```
#7ae8ec
```
#7ae8ec rgb(122,232,236)
```
#8bebee
```
#8bebee rgb(139,235,238)
```
#9ceef1
```
#9ceef1 rgb(156,238,241)
```
#adf1f3
```
#adf1f3 rgb(173,241,243)
```
#bef4f6
```
#bef4f6 rgb(190,244,246)
```
#d0f7f8
```
#d0f7f8 rgb(208,247,248)
```
#e1fafb
```
#e1fafb rgb(225,250,251)
```
#f2fdfd
```
#f2fdfd rgb(242,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717e7f is the less saturated color, while #02e6ee is the most saturated one.

#717e7f
```
#717e7f rgb(113,126,127)
```
#688788
```
#688788 rgb(104,135,136)
```
#5f9091
```
#5f9091 rgb(95,144,145)
```
#55989b
```
#55989b rgb(85,152,155)
```
#4ca1a4
```
#4ca1a4 rgb(76,161,164)
```
#43aaad
```
#43aaad rgb(67,170,173)
```
#3ab2b6
```
#3ab2b6 rgb(58,178,182)
```
#30bbc0
```
#30bbc0 rgb(48,187,192)
```
#27c3c9
```
#27c3c9 rgb(39,195,201)
```
#1eccd2
```
#1eccd2 rgb(30,204,210)
```
#15d5db
```
#15d5db rgb(21,213,219)
```
#0cdde4
```
#0cdde4 rgb(12,221,228)
```
#02e6ee
```
#02e6ee rgb(2,230,238)
```

Tone Color Variation

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

#bbbac8 Protanopia 1% of men
#bcb8dc Deuteranopia 1% of men
#35cddc Tritanopia 0.001% of the population

Trichromacy

#82c1cc Protanomaly 1% of men, 0.01% of women
#82bfd8 Deuteranomaly 6% of men, 0.4% of women
#2cccd8 Tritanomaly 0.01% of the population

#1eccd2 hex color

#1eccd2 Color Information

#1eccd2 Color Conversion

Color Schemes with #1eccd2

Alternatives to #1eccd2

#1eccd2 Preview

Shades and Tints of #1eccd2

Tones of #1eccd2

Color Blindness Simulator