#5ed1df hex color

In a RGB color space, hex #5ed1df is composed of 36.9% red, 82% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 6.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 186.5 degrees, a saturation of 66.8% and a lightness of 62.2%. #5ed1df color hex could be obtained by blending #bcffff with #00a3bf. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 82
- B 87
RGB color chart
- C 58
- M 6
- Y 0
- K 13
CMYK color chart

● #5ed1df color description : Soft cyan.

The hexadecimal color #5ed1df has RGB values of R:94, G:209, B:223 and CMYK values of C:0.58, M:0.06, Y:0, K:0.13. Its decimal value is 6214111.

Hex triplet	5ed1df	`#5ed1df`
RGB Decimal	94, 209, 223	`rgb(94,209,223)`
RGB Percent	36.9, 82, 87.5	`rgb(36.9%,82%,87.5%)`
CMYK	58, 6, 0, 13
HSL	186.5°, 66.8, 62.2	`hsl(186.5,66.8%,62.2%)`
HSV (or HSB)	186.5°, 57.8, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.055, -28.442, -16.753
XYZ	40.732, 53.305, 77.95
xyY	0.237, 0.31, 53.305
CIE-LCH	78.055, 33.009, 210.498
CIE-LUV	78.055, -46.839, -22.031
Hunter-Lab	73.01, -28.184, -12.194
Binary	01011110, 11010001, 11011111

#5ed1df
```
#5ed1df rgb(94,209,223)
```
#df6c5e
```
#df6c5e rgb(223,108,94)
```

Complementary Color

#5edfad
```
#5edfad rgb(94,223,173)
```
#5ed1df
```
#5ed1df rgb(94,209,223)
```
#5e91df
```
#5e91df rgb(94,145,223)
```

Analogous Color

#dfad5e
```
#dfad5e rgb(223,173,94)
```
#5ed1df
```
#5ed1df rgb(94,209,223)
```
#df5e91
```
#df5e91 rgb(223,94,145)
```

Split Complementary Color

#d1df5e
```
#d1df5e rgb(209,223,94)
```
#5ed1df
```
#5ed1df rgb(94,209,223)
```
#df5ed1
```
#df5ed1 rgb(223,94,209)
```

Triadic Color

#5edf6c
```
#5edf6c rgb(94,223,108)
```
#5ed1df
```
#5ed1df rgb(94,209,223)
```
#df5ed1
```
#df5ed1 rgb(223,94,209)
```
#df6c5e
```
#df6c5e rgb(223,108,94)
```

Tetradic Color

#28b7c9
```
#28b7c9 rgb(40,183,201)
```
#33c5d7
```
#33c5d7 rgb(51,197,215)
```
#49cbdb
```
#49cbdb rgb(73,203,219)
```
#5ed1df
```
#5ed1df rgb(94,209,223)
```
#73d7e3
```
#73d7e3 rgb(115,215,227)
```
#89dde7
```
#89dde7 rgb(137,221,231)
```
#9ee3ec
```
#9ee3ec rgb(158,227,236)
```

Monochromatic Color

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

#5edfcd
```
#5edfcd rgb(94,223,205)
```
#5edfd8
```
#5edfd8 rgb(94,223,216)
```
#5edcdf
```
#5edcdf rgb(94,220,223)
```
#5ed1df
```
#5ed1df rgb(94,209,223)
```
#5ec6df
```
#5ec6df rgb(94,198,223)
```
#5ebcdf
```
#5ebcdf rgb(94,188,223)
```
#5eb1df
```
#5eb1df rgb(94,177,223)
```

Similar Colors

Text with hexadecimal color #5ed1df

This text has a font color of #5ed1df.

<span style="color:#5ed1df;">Text here</span>

#5ed1df background color

This paragraph has a background color of #5ed1df.

<p style="background-color:#5ed1df;">Content here</p>

#5ed1df border color

This element has a border color of #5ed1df.

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

CSS codes

.text {color:#5ed1df;}

.background {background-color:#5ed1df;}

.border {border:1px solid #5ed1df;}

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

#010203
```
#010203 rgb(1,2,3)
```
#041113
```
#041113 rgb(4,17,19)
```
#072023
```
#072023 rgb(7,32,35)
```
#0a2f34
```
#0a2f34 rgb(10,47,52)
```
#0e3e44
```
#0e3e44 rgb(14,62,68)
```
#114d54
```
#114d54 rgb(17,77,84)
```
#145c65
```
#145c65 rgb(20,92,101)
```
#176b75
```
#176b75 rgb(23,107,117)
```
#1b7a86
```
#1b7a86 rgb(27,122,134)
```
#1e8996
```
#1e8996 rgb(30,137,150)
```
#2198a6
```
#2198a6 rgb(33,152,166)
```
#24a7b7
```
#24a7b7 rgb(36,167,183)
```
#28b6c7
```
#28b6c7 rgb(40,182,199)
```

Shade Color Variation

#2dc3d5
```
#2dc3d5 rgb(45,195,213)
```
#3dc8d8
```
#3dc8d8 rgb(61,200,216)
```
#4eccdc
```
#4eccdc rgb(78,204,220)
```
#5ed1df
```
#5ed1df rgb(94,209,223)
```
#6ed6e2
```
#6ed6e2 rgb(110,214,226)
```
#7fdae6
```
#7fdae6 rgb(127,218,230)
```
#8fdfe9
```
#8fdfe9 rgb(143,223,233)
```
#9fe4ec
```
#9fe4ec rgb(159,228,236)
```
#b0e8ef
```
#b0e8ef rgb(176,232,239)
```
#c0edf3
```
#c0edf3 rgb(192,237,243)
```
#d1f2f6
```
#d1f2f6 rgb(209,242,246)
```
#e1f6f9
```
#e1f6f9 rgb(225,246,249)
```
#f1fbfc
```
#f1fbfc rgb(241,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a3a4 is the less saturated color, while #40e8fd is the most saturated one.

#99a3a4
```
#99a3a4 rgb(153,163,164)
```
#92a8ab
```
#92a8ab rgb(146,168,171)
```
#8baeb2
```
#8baeb2 rgb(139,174,178)
```
#83b4ba
```
#83b4ba rgb(131,180,186)
```
#7cbac1
```
#7cbac1 rgb(124,186,193)
```
#74c0c9
```
#74c0c9 rgb(116,192,201)
```
#6dc5d0
```
#6dc5d0 rgb(109,197,208)
```
#65cbd8
```
#65cbd8 rgb(101,203,216)
```
#5ed1df
```
#5ed1df rgb(94,209,223)
```
#57d7e6
```
#57d7e6 rgb(87,215,230)
```
#4fddee
```
#4fddee rgb(79,221,238)
```
#48e2f5
```
#48e2f5 rgb(72,226,245)
```
#40e8fd
```
#40e8fd rgb(64,232,253)
```

Tone Color Variation

Below, you can see how #5ed1df 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

#b0b0b0 Achromatopsia 0.005% of the population
#a0b7b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c2d6 Protanopia 1% of men
#c3c0e7 Deuteranopia 1% of men
#67d3e2 Tritanopia 0.001% of the population

Trichromacy

#9dc8d9 Protanomaly 1% of men, 0.01% of women
#9ec6e4 Deuteranomaly 6% of men, 0.4% of women
#63d2e1 Tritanomaly 0.01% of the population

#5ed1df hex color

#5ed1df Color Information

#5ed1df Color Conversion

Color Schemes with #5ed1df

Alternatives to #5ed1df

#5ed1df Preview

Shades and Tints of #5ed1df

Tones of #5ed1df

Color Blindness Simulator