colorhexa.com

#1ed7df hex color

In a RGB color space, hex #1ed7df is composed of 11.8% red, 84.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 3.6% magenta, 0% yellow and 12.5% black. It has a hue angle of 182.5 degrees, a saturation of 76.3% and a lightness of 49.6%. #1ed7df color hex could be obtained by blending #3cffff with #00afbf. Closest websafe color is: #33cccc.

- R 12
- G 84
- B 87
RGB color chart
- C 87
- M 4
- Y 0
- K 13
CMYK color chart

● #1ed7df color description : Vivid cyan.

The hexadecimal color #1ed7df has RGB values of R:30, G:215, B:223 and CMYK values of C:0.87, M:0.04, Y:0, K:0.13. Its decimal value is 2021343.

Hex triplet	1ed7df	`#1ed7df`
RGB Decimal	30, 215, 223	`rgb(30,215,223)`
RGB Percent	11.8, 84.3, 87.5	`rgb(11.8%,84.3%,87.5%)`
CMYK	87, 4, 0, 13
HSL	182.5°, 76.3, 49.6	`hsl(182.5,76.3%,49.6%)`
HSV (or HSB)	182.5°, 86.5, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.579, -38.837, -16.085
XYZ	38.151, 54.201, 78.259
xyY	0.224, 0.318, 54.201
CIE-LCH	78.579, 42.036, 202.498
CIE-LUV	78.579, -58.546, -19.546
Hunter-Lab	73.621, -36.337, -11.49
Binary	00011110, 11010111, 11011111

#1ed7df
```
#1ed7df rgb(30,215,223)
```
#df261e
```
#df261e rgb(223,38,30)
```

Complementary Color

#1edf87
```
#1edf87 rgb(30,223,135)
```
#1ed7df
```
#1ed7df rgb(30,215,223)
```
#1e77df
```
#1e77df rgb(30,119,223)
```

Analogous Color

#df871e
```
#df871e rgb(223,135,30)
```
#1ed7df
```
#1ed7df rgb(30,215,223)
```
#df1e77
```
#df1e77 rgb(223,30,119)
```

Split Complementary Color

#d7df1e
```
#d7df1e rgb(215,223,30)
```
#1ed7df
```
#1ed7df rgb(30,215,223)
```
#df1ed7
```
#df1ed7 rgb(223,30,215)
```

Triadic Color

#1edf26
```
#1edf26 rgb(30,223,38)
```
#1ed7df
```
#1ed7df rgb(30,215,223)
```
#df1ed7
```
#df1ed7 rgb(223,30,215)
```
#df261e
```
#df261e rgb(223,38,30)
```

Tetradic Color

#15969c
```
#15969c rgb(21,150,156)
```
#18acb2
```
#18acb2 rgb(24,172,178)
```
#1bc1c9
```
#1bc1c9 rgb(27,193,201)
```
#1ed7df
```
#1ed7df rgb(30,215,223)
```
#33dce4
```
#33dce4 rgb(51,220,228)
```
#49e0e7
```
#49e0e7 rgb(73,224,231)
```
#60e4ea
```
#60e4ea rgb(96,228,234)
```

Monochromatic Color

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

#1edfb7
```
#1edfb7 rgb(30,223,183)
```
#1edfc7
```
#1edfc7 rgb(30,223,199)
```
#1edfd7
```
#1edfd7 rgb(30,223,215)
```
#1ed7df
```
#1ed7df rgb(30,215,223)
```
#1ec7df
```
#1ec7df rgb(30,199,223)
```
#1eb7df
```
#1eb7df rgb(30,183,223)
```
#1ea7df
```
#1ea7df rgb(30,167,223)
```

Similar Colors

Text with hexadecimal color #1ed7df

This text has a font color of #1ed7df.

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

#1ed7df background color

This paragraph has a background color of #1ed7df.

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

#1ed7df border color

This element has a border color of #1ed7df.

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

CSS codes

.text {color:#1ed7df;}

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

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

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

#020f10
```
#020f10 rgb(2,15,16)
```
#042021
```
#042021 rgb(4,32,33)
```
#073032
```
#073032 rgb(7,48,50)
```
#094143
```
#094143 rgb(9,65,67)
```
#0b5255
```
#0b5255 rgb(11,82,85)
```
#0e6266
```
#0e6266 rgb(14,98,102)
```
#107377
```
#107377 rgb(16,115,119)
```
#128489
```
#128489 rgb(18,132,137)
```
#15949a
```
#15949a rgb(21,148,154)
```
#17a5ab
```
#17a5ab rgb(23,165,171)
```
#19b6bc
```
#19b6bc rgb(25,182,188)
```
#1cc6ce
```
#1cc6ce rgb(28,198,206)
```
#1ed7df
```
#1ed7df rgb(30,215,223)
```

Shade Color Variation

#2edbe3
```
#2edbe3 rgb(46,219,227)
```
#3fdee5
```
#3fdee5 rgb(63,222,229)
```
#50e1e8
```
#50e1e8 rgb(80,225,232)
```
#62e4ea
```
#62e4ea rgb(98,228,234)
```
#73e7ec
```
#73e7ec rgb(115,231,236)
```
#84eaee
```
#84eaee rgb(132,234,238)
```
#96edf1
```
#96edf1 rgb(150,237,241)
```
#a7f0f3
```
#a7f0f3 rgb(167,240,243)
```
#b8f3f5
```
#b8f3f5 rgb(184,243,245)
```
#c9f6f8
```
#c9f6f8 rgb(201,246,248)
```
#dbf9fa
```
#dbf9fa rgb(219,249,250)
```
#ecfcfc
```
#ecfcfc rgb(236,252,252)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#768787
```
#768787 rgb(118,135,135)
```
#6c9091
```
#6c9091 rgb(108,144,145)
```
#62999b
```
#62999b rgb(98,153,155)
```
#58a1a5
```
#58a1a5 rgb(88,161,165)
```
#4faaae
```
#4faaae rgb(79,170,174)
```
#45b3b8
```
#45b3b8 rgb(69,179,184)
```
#3bbcc2
```
#3bbcc2 rgb(59,188,194)
```
#31c5cc
```
#31c5cc rgb(49,197,204)
```
#28ced5
```
#28ced5 rgb(40,206,213)
```
#1ed7df
```
#1ed7df rgb(30,215,223)
```
#14e0e9
```
#14e0e9 rgb(20,224,233)
```
#0be9f2
```
#0be9f2 rgb(11,233,242)
```
#01f2fc
```
#01f2fc rgb(1,242,252)
```

Tone Color Variation

Below, you can see how #1ed7df 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
#87acad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c4d4 Protanopia 1% of men
#c5c1e9 Deuteranopia 1% of men
#34d7e7 Tritanopia 0.001% of the population

Trichromacy

#87cbd8 Protanomaly 1% of men, 0.01% of women
#88c9e5 Deuteranomaly 6% of men, 0.4% of women
#2cd7e4 Tritanomaly 0.01% of the population