#5dd2ed hex color

In a RGB color space, hex #5dd2ed is composed of 36.5% red, 82.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 11.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 191.3 degrees, a saturation of 80% and a lightness of 64.7%. #5dd2ed color hex could be obtained by blending #baffff with #00a5db. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 82
- B 93
RGB color chart
- C 61
- M 11
- Y 0
- K 7
CMYK color chart

● #5dd2ed color description : Soft cyan.

The hexadecimal color #5dd2ed has RGB values of R:93, G:210, B:237 and CMYK values of C:0.61, M:0.11, Y:0, K:0.07. Its decimal value is 6148845.

Hex triplet	5dd2ed	`#5dd2ed`
RGB Decimal	93, 210, 237	`rgb(93,210,237)`
RGB Percent	36.5, 82.4, 92.9	`rgb(36.5%,82.4%,92.9%)`
CMYK	61, 11, 0, 7
HSL	191.3°, 80, 64.7	`hsl(191.3,80%,64.7%)`
HSV (or HSB)	191.3°, 60.8, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.771, -25.126, -23.169
XYZ	42.843, 54.531, 88.384
xyY	0.231, 0.294, 54.531
CIE-LCH	78.771, 34.178, 222.68
CIE-LUV	78.771, -46.737, -33.239
Hunter-Lab	73.845, -25.67, -19.271
Binary	01011101, 11010010, 11101101

#5dd2ed
```
#5dd2ed rgb(93,210,237)
```
#ed785d
```
#ed785d rgb(237,120,93)
```

Complementary Color

#5dedc0
```
#5dedc0 rgb(93,237,192)
```
#5dd2ed
```
#5dd2ed rgb(93,210,237)
```
#5d8aed
```
#5d8aed rgb(93,138,237)
```

Analogous Color

#edc05d
```
#edc05d rgb(237,192,93)
```
#5dd2ed
```
#5dd2ed rgb(93,210,237)
```
#ed5d8a
```
#ed5d8a rgb(237,93,138)
```

Split Complementary Color

#d2ed5d
```
#d2ed5d rgb(210,237,93)
```
#5dd2ed
```
#5dd2ed rgb(93,210,237)
```
#ed5dd2
```
#ed5dd2 rgb(237,93,210)
```

Triadic Color

#5ded78
```
#5ded78 rgb(93,237,120)
```
#5dd2ed
```
#5dd2ed rgb(93,210,237)
```
#ed5dd2
```
#ed5dd2 rgb(237,93,210)
```
#ed785d
```
#ed785d rgb(237,120,93)
```

Tetradic Color

#19bee4
```
#19bee4 rgb(25,190,228)
```
#2fc5e8
```
#2fc5e8 rgb(47,197,232)
```
#46ccea
```
#46ccea rgb(70,204,234)
```
#5dd2ed
```
#5dd2ed rgb(93,210,237)
```
#74d8f0
```
#74d8f0 rgb(116,216,240)
```
#8bdff2
```
#8bdff2 rgb(139,223,242)
```
#a2e5f5
```
#a2e5f5 rgb(162,229,245)
```

Monochromatic Color

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

#5dede4
```
#5dede4 rgb(93,237,228)
```
#5deaed
```
#5deaed rgb(93,234,237)
```
#5ddeed
```
#5ddeed rgb(93,222,237)
```
#5dd2ed
```
#5dd2ed rgb(93,210,237)
```
#5dc6ed
```
#5dc6ed rgb(93,198,237)
```
#5dbaed
```
#5dbaed rgb(93,186,237)
```
#5daeed
```
#5daeed rgb(93,174,237)
```

Similar Colors

Text with hexadecimal color #5dd2ed

This text has a font color of #5dd2ed.

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

#5dd2ed background color

This paragraph has a background color of #5dd2ed.

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

#5dd2ed border color

This element has a border color of #5dd2ed.

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

CSS codes

.text {color:#5dd2ed;}

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

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

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

#020c0f
```
#020c0f rgb(2,12,15)
```
#041b20
```
#041b20 rgb(4,27,32)
```
#062a32
```
#062a32 rgb(6,42,50)
```
#073844
```
#073844 rgb(7,56,68)
```
#094755
```
#094755 rgb(9,71,85)
```
#0b5667
```
#0b5667 rgb(11,86,103)
```
#0d6478
```
#0d6478 rgb(13,100,120)
```
#0f738a
```
#0f738a rgb(15,115,138)
```
#11829c
```
#11829c rgb(17,130,156)
```
#1391ad
```
#1391ad rgb(19,145,173)
```
#159fbf
```
#159fbf rgb(21,159,191)
```
#17aed1
```
#17aed1 rgb(23,174,209)
```
#19bde2
```
#19bde2 rgb(25,189,226)
```

Shade Color Variation

#28c3e7
```
#28c3e7 rgb(40,195,231)
```
#3ac8e9
```
#3ac8e9 rgb(58,200,233)
```
#4bcdeb
```
#4bcdeb rgb(75,205,235)
```
#5dd2ed
```
#5dd2ed rgb(93,210,237)
```
#6fd7ef
```
#6fd7ef rgb(111,215,239)
```
#80dcf1
```
#80dcf1 rgb(128,220,241)
```
#92e1f3
```
#92e1f3 rgb(146,225,243)
```
#a4e6f5
```
#a4e6f5 rgb(164,230,245)
```
#b5ebf7
```
#b5ebf7 rgb(181,235,247)
```
#c7eff9
```
#c7eff9 rgb(199,239,249)
```
#d9f4fb
```
#d9f4fb rgb(217,244,251)
```
#eaf9fd
```
#eaf9fd rgb(234,249,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#a2a7a8
```
#a2a7a8 rgb(162,167,168)
```
#9babaf
```
#9babaf rgb(155,171,175)
```
#94afb6
```
#94afb6 rgb(148,175,182)
```
#8db4bd
```
#8db4bd rgb(141,180,189)
```
#87b8c3
```
#87b8c3 rgb(135,184,195)
```
#80bcca
```
#80bcca rgb(128,188,202)
```
#79c1d1
```
#79c1d1 rgb(121,193,209)
```
#72c5d8
```
#72c5d8 rgb(114,197,216)
```
#6bc9df
```
#6bc9df rgb(107,201,223)
```
#64cee6
```
#64cee6 rgb(100,206,230)
```
#5dd2ed
```
#5dd2ed rgb(93,210,237)
```
#56d6f4
```
#56d6f4 rgb(86,214,244)
```
#4fdbfb
```
#4fdbfb rgb(79,219,251)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a1b8be Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc4e4 Protanopia 1% of men
#bec2f4 Deuteranopia 1% of men
#60d5e5 Tritanopia 0.001% of the population

Trichromacy

#9bc9e7 Protanomaly 1% of men, 0.01% of women
#9bc8f1 Deuteranomaly 6% of men, 0.4% of women
#5fd4e8 Tritanomaly 0.01% of the population

#5dd2ed hex color

#5dd2ed Color Information

#5dd2ed Color Conversion

Color Schemes with #5dd2ed

Alternatives to #5dd2ed

#5dd2ed Preview

Shades and Tints of #5dd2ed

Tones of #5dd2ed

Color Blindness Simulator