#1ed4f0 hex color

In a RGB color space, hex #1ed4f0 is composed of 11.8% red, 83.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 11.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 188 degrees, a saturation of 87.5% and a lightness of 52.9%. #1ed4f0 color hex could be obtained by blending #3cffff with #00a9e1. Closest websafe color is: #33ccff.

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

● #1ed4f0 color description : Vivid cyan.

The hexadecimal color #1ed4f0 has RGB values of R:30, G:212, B:240 and CMYK values of C:0.88, M:0.12, Y:0, K:0.06. Its decimal value is 2020592.

Hex triplet	1ed4f0	`#1ed4f0`
RGB Decimal	30, 212, 240	`rgb(30,212,240)`
RGB Percent	11.8, 83.1, 94.1	`rgb(11.8%,83.1%,94.1%)`
CMYK	88, 12, 0, 6
HSL	188°, 87.5, 52.9	`hsl(188,87.5%,52.9%)`
HSV (or HSB)	188°, 87.5, 94.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.257, -32.205, -25.663
XYZ	39.803, 53.65, 90.691
xyY	0.216, 0.291, 53.65
CIE-LCH	78.257, 41.18, 218.551
CIE-LUV	78.257, -56.217, -36.54
Hunter-Lab	73.246, -31.183, -22.138
Binary	00011110, 11010100, 11110000

#1ed4f0
```
#1ed4f0 rgb(30,212,240)
```
#f03a1e
```
#f03a1e rgb(240,58,30)
```

Complementary Color

#1ef0a3
```
#1ef0a3 rgb(30,240,163)
```
#1ed4f0
```
#1ed4f0 rgb(30,212,240)
```
#1e6bf0
```
#1e6bf0 rgb(30,107,240)
```

Analogous Color

#f0a31e
```
#f0a31e rgb(240,163,30)
```
#1ed4f0
```
#1ed4f0 rgb(30,212,240)
```
#f01e6b
```
#f01e6b rgb(240,30,107)
```

Split Complementary Color

#d4f01e
```
#d4f01e rgb(212,240,30)
```
#1ed4f0
```
#1ed4f0 rgb(30,212,240)
```
#f01ed4
```
#f01ed4 rgb(240,30,212)
```

Triadic Color

#1ef03a
```
#1ef03a rgb(30,240,58)
```
#1ed4f0
```
#1ed4f0 rgb(30,212,240)
```
#f01ed4
```
#f01ed4 rgb(240,30,212)
```
#f03a1e
```
#f03a1e rgb(240,58,30)
```

Tetradic Color

#0c9fb5
```
#0c9fb5 rgb(12,159,181)
```
#0eb4cd
```
#0eb4cd rgb(14,180,205)
```
#0fc9e5
```
#0fc9e5 rgb(15,201,229)
```
#1ed4f0
```
#1ed4f0 rgb(30,212,240)
```
#36d9f2
```
#36d9f2 rgb(54,217,242)
```
#4eddf3
```
#4eddf3 rgb(78,221,243)
```
#66e2f5
```
#66e2f5 rgb(102,226,245)
```

Monochromatic Color

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

#1ef0d8
```
#1ef0d8 rgb(30,240,216)
```
#1ef0e9
```
#1ef0e9 rgb(30,240,233)
```
#1ee6f0
```
#1ee6f0 rgb(30,230,240)
```
#1ed4f0
```
#1ed4f0 rgb(30,212,240)
```
#1ec3f0
```
#1ec3f0 rgb(30,195,240)
```
#1eb1f0
```
#1eb1f0 rgb(30,177,240)
```
#1ea0f0
```
#1ea0f0 rgb(30,160,240)
```

Similar Colors

Text with hexadecimal color #1ed4f0

This text has a font color of #1ed4f0.

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

#1ed4f0 background color

This paragraph has a background color of #1ed4f0.

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

#1ed4f0 border color

This element has a border color of #1ed4f0.

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

CSS codes

.text {color:#1ed4f0;}

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

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

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, #010c0e is the darkest color, while #fbfeff is the lightest one.

#010c0e
```
#010c0e rgb(1,12,14)
```
#021c20
```
#021c20 rgb(2,28,32)
```
#032d33
```
#032d33 rgb(3,45,51)
```
#053d45
```
#053d45 rgb(5,61,69)
```
#064d58
```
#064d58 rgb(6,77,88)
```
#075d6a
```
#075d6a rgb(7,93,106)
```
#086d7c
```
#086d7c rgb(8,109,124)
```
#0a7d8f
```
#0a7d8f rgb(10,125,143)
```
#0b8da1
```
#0b8da1 rgb(11,141,161)
```
#0c9db4
```
#0c9db4 rgb(12,157,180)
```
#0dadc6
```
#0dadc6 rgb(13,173,198)
```
#0ebdd8
```
#0ebdd8 rgb(14,189,216)
```
#10ceeb
```
#10ceeb rgb(16,206,235)
```

Shade Color Variation

#1ed4f0
```
#1ed4f0 rgb(30,212,240)
```
#30d8f1
```
#30d8f1 rgb(48,216,241)
```
#43dbf2
```
#43dbf2 rgb(67,219,242)
```
#55dff4
```
#55dff4 rgb(85,223,244)
```
#68e2f5
```
#68e2f5 rgb(104,226,245)
```
#7ae6f6
```
#7ae6f6 rgb(122,230,246)
```
#8ce9f7
```
#8ce9f7 rgb(140,233,247)
```
#9fedf9
```
#9fedf9 rgb(159,237,249)
```
#b1f0fa
```
#b1f0fa rgb(177,240,250)
```
#c4f4fb
```
#c4f4fb rgb(196,244,251)
```
#d6f7fc
```
#d6f7fc rgb(214,247,252)
```
#e8fbfd
```
#e8fbfd rgb(232,251,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848a8a is the less saturated color, while #15dbf9 is the most saturated one.

#848a8a
```
#848a8a rgb(132,138,138)
```
#7a9094
```
#7a9094 rgb(122,144,148)
```
#71979d
```
#71979d rgb(113,151,157)
```
#689ea6
```
#689ea6 rgb(104,158,166)
```
#5fa5af
```
#5fa5af rgb(95,165,175)
```
#55abb9
```
#55abb9 rgb(85,171,185)
```
#4cb2c2
```
#4cb2c2 rgb(76,178,194)
```
#43b9cb
```
#43b9cb rgb(67,185,203)
```
#3ac0d4
```
#3ac0d4 rgb(58,192,212)
```
#30c6de
```
#30c6de rgb(48,198,222)
```
#27cde7
```
#27cde7 rgb(39,205,231)
```
#1ed4f0
```
#1ed4f0 rgb(30,212,240)
```
#15dbf9
```
#15dbf9 rgb(21,219,249)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#87abb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc3e4 Protanopia 1% of men
#b9c1f8 Deuteranopia 1% of men
#00d7e7 Tritanopia 0.001% of the population

Trichromacy

#83c9e8 Protanomaly 1% of men, 0.01% of women
#80c8f5 Deuteranomaly 6% of men, 0.4% of women
#0ad6ea Tritanomaly 0.01% of the population

#1ed4f0 hex color

#1ed4f0 Color Information

#1ed4f0 Color Conversion

Color Schemes with #1ed4f0

Alternatives to #1ed4f0

#1ed4f0 Preview

Shades and Tints of #1ed4f0

Tones of #1ed4f0

Color Blindness Simulator