#5ed2de hex color

In a RGB color space, hex #5ed2de is composed of 36.9% red, 82.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 5.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 185.6 degrees, a saturation of 66% and a lightness of 62%. #5ed2de color hex could be obtained by blending #bcffff with #00a5bd. Closest websafe color is: #66cccc.

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

● #5ed2de color description : Soft cyan.

The hexadecimal color #5ed2de has RGB values of R:94, G:210, B:222 and CMYK values of C:0.58, M:0.05, Y:0, K:0.13. Its decimal value is 6214366.

Hex triplet	5ed2de	`#5ed2de`
RGB Decimal	94, 210, 222	`rgb(94,210,222)`
RGB Percent	36.9, 82.4, 87.1	`rgb(36.9%,82.4%,87.1%)`
CMYK	58, 5, 0, 13
HSL	185.6°, 66, 62	`hsl(185.6,66%,62%)`
HSV (or HSB)	185.6°, 57.7, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.312, -29.207, -15.829
XYZ	40.844, 53.744, 77.324
xyY	0.238, 0.313, 53.744
CIE-LCH	78.312, 33.22, 208.456
CIE-LUV	78.312, -47.261, -20.408
Hunter-Lab	73.31, -28.844, -11.22
Binary	01011110, 11010010, 11011110

#5ed2de
```
#5ed2de rgb(94,210,222)
```
#de6a5e
```
#de6a5e rgb(222,106,94)
```

Complementary Color

#5edeaa
```
#5edeaa rgb(94,222,170)
```
#5ed2de
```
#5ed2de rgb(94,210,222)
```
#5e92de
```
#5e92de rgb(94,146,222)
```

Analogous Color

#deaa5e
```
#deaa5e rgb(222,170,94)
```
#5ed2de
```
#5ed2de rgb(94,210,222)
```
#de5e92
```
#de5e92 rgb(222,94,146)
```

Split Complementary Color

#d2de5e
```
#d2de5e rgb(210,222,94)
```
#5ed2de
```
#5ed2de rgb(94,210,222)
```
#de5ed2
```
#de5ed2 rgb(222,94,210)
```

Triadic Color

#5ede6a
```
#5ede6a rgb(94,222,106)
```
#5ed2de
```
#5ed2de rgb(94,210,222)
```
#de5ed2
```
#de5ed2 rgb(222,94,210)
```
#de6a5e
```
#de6a5e rgb(222,106,94)
```

Tetradic Color

#29b8c7
```
#29b8c7 rgb(41,184,199)
```
#34c6d5
```
#34c6d5 rgb(52,198,213)
```
#49ccda
```
#49ccda rgb(73,204,218)
```
#5ed2de
```
#5ed2de rgb(94,210,222)
```
#73d8e2
```
#73d8e2 rgb(115,216,226)
```
#88dee7
```
#88dee7 rgb(136,222,231)
```
#9de4eb
```
#9de4eb rgb(157,228,235)
```

Monochromatic Color

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

#5edeca
```
#5edeca rgb(94,222,202)
```
#5eded5
```
#5eded5 rgb(94,222,213)
```
#5eddde
```
#5eddde rgb(94,221,222)
```
#5ed2de
```
#5ed2de rgb(94,210,222)
```
#5ec7de
```
#5ec7de rgb(94,199,222)
```
#5ebdde
```
#5ebdde rgb(94,189,222)
```
#5eb2de
```
#5eb2de rgb(94,178,222)
```

Similar Colors

Text with hexadecimal color #5ed2de

This text has a font color of #5ed2de.

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

#5ed2de background color

This paragraph has a background color of #5ed2de.

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

#5ed2de border color

This element has a border color of #5ed2de.

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

CSS codes

.text {color:#5ed2de;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041112
```
#041112 rgb(4,17,18)
```
#072022
```
#072022 rgb(7,32,34)
```
#0a2f33
```
#0a2f33 rgb(10,47,51)
```
#0e3e43
```
#0e3e43 rgb(14,62,67)
```
#114d53
```
#114d53 rgb(17,77,83)
```
#145c63
```
#145c63 rgb(20,92,99)
```
#186b74
```
#186b74 rgb(24,107,116)
```
#1b7a84
```
#1b7a84 rgb(27,122,132)
```
#1e8994
```
#1e8994 rgb(30,137,148)
```
#2298a5
```
#2298a5 rgb(34,152,165)
```
#25a7b5
```
#25a7b5 rgb(37,167,181)
```
#28b6c5
```
#28b6c5 rgb(40,182,197)
```

Shade Color Variation

#2dc4d4
```
#2dc4d4 rgb(45,196,212)
```
#3dc9d7
```
#3dc9d7 rgb(61,201,215)
```
#4ecddb
```
#4ecddb rgb(78,205,219)
```
#5ed2de
```
#5ed2de rgb(94,210,222)
```
#6ed7e1
```
#6ed7e1 rgb(110,215,225)
```
#7fdbe5
```
#7fdbe5 rgb(127,219,229)
```
#8fe0e8
```
#8fe0e8 rgb(143,224,232)
```
#9fe4eb
```
#9fe4eb rgb(159,228,235)
```
#afe9ef
```
#afe9ef rgb(175,233,239)
```
#c0edf2
```
#c0edf2 rgb(192,237,242)
```
#d0f2f5
```
#d0f2f5 rgb(208,242,245)
```
#e0f6f9
```
#e0f6f9 rgb(224,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, #9aa2a2 is the less saturated color, while #40eafc is the most saturated one.

#9aa2a2
```
#9aa2a2 rgb(154,162,162)
```
#92a8aa
```
#92a8aa rgb(146,168,170)
```
#8baeb1
```
#8baeb1 rgb(139,174,177)
```
#83b4b9
```
#83b4b9 rgb(131,180,185)
```
#7cbac0
```
#7cbac0 rgb(124,186,192)
```
#74c0c8
```
#74c0c8 rgb(116,192,200)
```
#6dc6cf
```
#6dc6cf rgb(109,198,207)
```
#65ccd7
```
#65ccd7 rgb(101,204,215)
```
#5ed2de
```
#5ed2de rgb(94,210,222)
```
#57d8e5
```
#57d8e5 rgb(87,216,229)
```
#4fdeed
```
#4fdeed rgb(79,222,237)
```
#48e4f4
```
#48e4f4 rgb(72,228,244)
```
#40eafc
```
#40eafc rgb(64,234,252)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a0b8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c3d5 Protanopia 1% of men
#c5c0e6 Deuteranopia 1% of men
#68d3e3 Tritanopia 0.001% of the population

Trichromacy

#9ec8d8 Protanomaly 1% of men, 0.01% of women
#9fc7e3 Deuteranomaly 6% of men, 0.4% of women
#64d3e1 Tritanomaly 0.01% of the population

#5ed2de hex color

#5ed2de Color Information

#5ed2de Color Conversion

Color Schemes with #5ed2de

Alternatives to #5ed2de

#5ed2de Preview

Shades and Tints of #5ed2de

Tones of #5ed2de

Color Blindness Simulator