#1ed3ff hex color

In a RGB color space, hex #1ed3ff is composed of 11.8% red, 82.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 17.3% magenta, 0% yellow and 0% black. It has a hue angle of 191.7 degrees, a saturation of 100% and a lightness of 55.9%. #1ed3ff color hex could be obtained by blending #3cffff with #00a7ff. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 12
- G 83
- B 100
RGB color chart
- C 88
- M 17
- Y 0
- K 0
CMYK color chart

● #1ed3ff color description : Vivid cyan.

The hexadecimal color #1ed3ff has RGB values of R:30, G:211, B:255 and CMYK values of C:0.88, M:0.17, Y:0, K:0. Its decimal value is 2020351.

Hex triplet	1ed3ff	`#1ed3ff`
RGB Decimal	30, 211, 255	`rgb(30,211,255)`
RGB Percent	11.8, 82.7, 100	`rgb(11.8%,82.7%,100%)`
CMYK	88, 17, 0, 0
HSL	191.7°, 100, 55.9	`hsl(191.7,100%,55.9%)`
HSV (or HSB)	191.7°, 88.2, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.509, -26.906, -33.28
XYZ	41.875, 54.08, 102.834
xyY	0.211, 0.272, 54.08
CIE-LCH	78.509, 42.795, 231.045
CIE-LUV	78.509, -54.747, -50.335
Hunter-Lab	73.539, -27.053, -31.431
Binary	00011110, 11010011, 11111111

#1ed3ff
```
#1ed3ff rgb(30,211,255)
```
#ff4a1e
```
#ff4a1e rgb(255,74,30)
```

Complementary Color

#1effbb
```
#1effbb rgb(30,255,187)
```
#1ed3ff
```
#1ed3ff rgb(30,211,255)
```
#1e63ff
```
#1e63ff rgb(30,99,255)
```

Analogous Color

#ffbb1e
```
#ffbb1e rgb(255,187,30)
```
#1ed3ff
```
#1ed3ff rgb(30,211,255)
```
#ff1e63
```
#ff1e63 rgb(255,30,99)
```

Split Complementary Color

#d3ff1e
```
#d3ff1e rgb(211,255,30)
```
#1ed3ff
```
#1ed3ff rgb(30,211,255)
```
#ff1ed3
```
#ff1ed3 rgb(255,30,211)
```

Triadic Color

#1eff4a
```
#1eff4a rgb(30,255,74)
```
#1ed3ff
```
#1ed3ff rgb(30,211,255)
```
#ff1ed3
```
#ff1ed3 rgb(255,30,211)
```
#ff4a1e
```
#ff4a1e rgb(255,74,30)
```

Tetradic Color

#00a8d1
```
#00a8d1 rgb(0,168,209)
```
#00bcea
```
#00bcea rgb(0,188,234)
```
#04ceff
```
#04ceff rgb(4,206,255)
```
#1ed3ff
```
#1ed3ff rgb(30,211,255)
```
#38d8ff
```
#38d8ff rgb(56,216,255)
```
#51ddff
```
#51ddff rgb(81,221,255)
```
#6be2ff
```
#6be2ff rgb(107,226,255)
```

Monochromatic Color

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

#1efff3
```
#1efff3 rgb(30,255,243)
```
#1ef9ff
```
#1ef9ff rgb(30,249,255)
```
#1ee6ff
```
#1ee6ff rgb(30,230,255)
```
#1ed3ff
```
#1ed3ff rgb(30,211,255)
```
#1ec0ff
```
#1ec0ff rgb(30,192,255)
```
#1eaeff
```
#1eaeff rgb(30,174,255)
```
#1e9bff
```
#1e9bff rgb(30,155,255)
```

Similar Colors

Text with hexadecimal color #1ed3ff

This text has a font color of #1ed3ff.

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

#1ed3ff background color

This paragraph has a background color of #1ed3ff.

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

#1ed3ff border color

This element has a border color of #1ed3ff.

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

CSS codes

.text {color:#1ed3ff;}

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

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

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, #00080a is the darkest color, while #f6fdff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#00181e
```
#00181e rgb(0,24,30)
```
#002832
```
#002832 rgb(0,40,50)
```
#003845
```
#003845 rgb(0,56,69)
```
#004759
```
#004759 rgb(0,71,89)
```
#00576c
```
#00576c rgb(0,87,108)
```
#006780
```
#006780 rgb(0,103,128)
```
#007794
```
#007794 rgb(0,119,148)
```
#0087a7
```
#0087a7 rgb(0,135,167)
```
#0096bb
```
#0096bb rgb(0,150,187)
```
#00a6cf
```
#00a6cf rgb(0,166,207)
```
#00b6e2
```
#00b6e2 rgb(0,182,226)
```
#00c6f6
```
#00c6f6 rgb(0,198,246)
```

Shade Color Variation

#0acfff
```
#0acfff rgb(10,207,255)
```
#1ed3ff
```
#1ed3ff rgb(30,211,255)
```
#32d7ff
```
#32d7ff rgb(50,215,255)
```
#45dbff
```
#45dbff rgb(69,219,255)
```
#59dfff
```
#59dfff rgb(89,223,255)
```
#6ce2ff
```
#6ce2ff rgb(108,226,255)
```
#80e6ff
```
#80e6ff rgb(128,230,255)
```
#94eaff
```
#94eaff rgb(148,234,255)
```
#a7eeff
```
#a7eeff rgb(167,238,255)
```
#bbf2ff
```
#bbf2ff rgb(187,242,255)
```
#cff6ff
```
#cff6ff rgb(207,246,255)
```
#e2f9ff
```
#e2f9ff rgb(226,249,255)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#869497
```
#869497 rgb(134,148,151)
```
#7d99a0
```
#7d99a0 rgb(125,153,160)
```
#759ea8
```
#759ea8 rgb(117,158,168)
```
#6ca4b1
```
#6ca4b1 rgb(108,164,177)
```
#63a9ba
```
#63a9ba rgb(99,169,186)
```
#5baec2
```
#5baec2 rgb(91,174,194)
```
#52b3cb
```
#52b3cb rgb(82,179,203)
```
#49b9d4
```
#49b9d4 rgb(73,185,212)
```
#41bedc
```
#41bedc rgb(65,190,220)
```
#38c3e5
```
#38c3e5 rgb(56,195,229)
```
#2fc8ee
```
#2fc8ee rgb(47,200,238)
```
#27cef6
```
#27cef6 rgb(39,206,246)
```
#1ed3ff
```
#1ed3ff rgb(30,211,255)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#88acb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c3f3 Protanopia 1% of men
#b3c3ff Deuteranopia 1% of men
#00d8e8 Tritanopia 0.001% of the population

Trichromacy

#80c9f7 Protanomaly 1% of men, 0.01% of women
#7cc9ff Deuteranomaly 6% of men, 0.4% of women
#0ad6f0 Tritanomaly 0.01% of the population

#1ed3ff hex color

#1ed3ff Color Information

#1ed3ff Color Conversion

Color Schemes with #1ed3ff

Alternatives to #1ed3ff

#1ed3ff Preview

Shades and Tints of #1ed3ff

Tones of #1ed3ff

Color Blindness Simulator