#5dd4de hex color

In a RGB color space, hex #5dd4de is composed of 36.5% red, 83.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 4.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 184.7 degrees, a saturation of 66.2% and a lightness of 61.8%. #5dd4de color hex could be obtained by blending #baffff with #00a9bd. Closest websafe color is: #66cccc.

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

● #5dd4de color description : Soft cyan.

The hexadecimal color #5dd4de has RGB values of R:93, G:212, B:222 and CMYK values of C:0.58, M:0.05, Y:0, K:0.13. Its decimal value is 6149342.

Hex triplet	5dd4de	`#5dd4de`
RGB Decimal	93, 212, 222	`rgb(93,212,222)`
RGB Percent	36.5, 83.1, 87.1	`rgb(36.5%,83.1%,87.1%)`
CMYK	58, 5, 0, 13
HSL	184.7°, 66.2, 61.8	`hsl(184.7,66.2%,61.8%)`
HSV (or HSB)	184.7°, 58.1, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.859, -30.354, -15.009
XYZ	41.239, 54.685, 77.485
xyY	0.238, 0.315, 54.685
CIE-LCH	78.859, 33.862, 206.311
CIE-LUV	78.859, -48.238, -18.912
Hunter-Lab	73.949, -29.868, -10.361
Binary	01011101, 11010100, 11011110

#5dd4de
```
#5dd4de rgb(93,212,222)
```
#de675d
```
#de675d rgb(222,103,93)
```

Complementary Color

#5ddea8
```
#5ddea8 rgb(93,222,168)
```
#5dd4de
```
#5dd4de rgb(93,212,222)
```
#5d94de
```
#5d94de rgb(93,148,222)
```

Analogous Color

#dea85d
```
#dea85d rgb(222,168,93)
```
#5dd4de
```
#5dd4de rgb(93,212,222)
```
#de5d94
```
#de5d94 rgb(222,93,148)
```

Split Complementary Color

#d4de5d
```
#d4de5d rgb(212,222,93)
```
#5dd4de
```
#5dd4de rgb(93,212,222)
```
#de5dd4
```
#de5dd4 rgb(222,93,212)
```

Triadic Color

#5dde67
```
#5dde67 rgb(93,222,103)
```
#5dd4de
```
#5dd4de rgb(93,212,222)
```
#de5dd4
```
#de5dd4 rgb(222,93,212)
```
#de675d
```
#de675d rgb(222,103,93)
```

Tetradic Color

#28bac6
```
#28bac6 rgb(40,186,198)
```
#33c9d5
```
#33c9d5 rgb(51,201,213)
```
#48ceda
```
#48ceda rgb(72,206,218)
```
#5dd4de
```
#5dd4de rgb(93,212,222)
```
#72dae2
```
#72dae2 rgb(114,218,226)
```
#87dfe7
```
#87dfe7 rgb(135,223,231)
```
#9de5eb
```
#9de5eb rgb(157,229,235)
```

Monochromatic Color

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

#5ddec8
```
#5ddec8 rgb(93,222,200)
```
#5dded3
```
#5dded3 rgb(93,222,211)
```
#5ddedd
```
#5ddedd rgb(93,222,221)
```
#5dd4de
```
#5dd4de rgb(93,212,222)
```
#5dc9de
```
#5dc9de rgb(93,201,222)
```
#5dbfde
```
#5dbfde rgb(93,191,222)
```
#5db4de
```
#5db4de rgb(93,180,222)
```

Similar Colors

Text with hexadecimal color #5dd4de

This text has a font color of #5dd4de.

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

#5dd4de background color

This paragraph has a background color of #5dd4de.

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

#5dd4de border color

This element has a border color of #5dd4de.

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

CSS codes

.text {color:#5dd4de;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#041011
```
#041011 rgb(4,16,17)
```
#071f22
```
#071f22 rgb(7,31,34)
```
#0a2f32
```
#0a2f32 rgb(10,47,50)
```
#0d3e42
```
#0d3e42 rgb(13,62,66)
```
#114d52
```
#114d52 rgb(17,77,82)
```
#145d63
```
#145d63 rgb(20,93,99)
```
#176c73
```
#176c73 rgb(23,108,115)
```
#1b7b83
```
#1b7b83 rgb(27,123,131)
```
#1e8b94
```
#1e8b94 rgb(30,139,148)
```
#219aa4
```
#219aa4 rgb(33,154,164)
```
#25a9b4
```
#25a9b4 rgb(37,169,180)
```
#28b8c5
```
#28b8c5 rgb(40,184,197)
```

Shade Color Variation

#2cc7d4
```
#2cc7d4 rgb(44,199,212)
```
#3ccbd7
```
#3ccbd7 rgb(60,203,215)
```
#4dd0db
```
#4dd0db rgb(77,208,219)
```
#5dd4de
```
#5dd4de rgb(93,212,222)
```
#6dd8e1
```
#6dd8e1 rgb(109,216,225)
```
#7edde5
```
#7edde5 rgb(126,221,229)
```
#8ee1e8
```
#8ee1e8 rgb(142,225,232)
```
#9ee5eb
```
#9ee5eb rgb(158,229,235)
```
#aeeaef
```
#aeeaef rgb(174,234,239)
```
#bfeef2
```
#bfeef2 rgb(191,238,242)
```
#cff2f5
```
#cff2f5 rgb(207,242,245)
```
#dff7f9
```
#dff7f9 rgb(223,247,249)
```
#f0fbfc
```
#f0fbfc rgb(240,251,252)
```

Tint Color Variation

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

#99a1a2
```
#99a1a2 rgb(153,161,162)
```
#92a8aa
```
#92a8aa rgb(146,168,170)
```
#8aaeb1
```
#8aaeb1 rgb(138,174,177)
```
#83b4b9
```
#83b4b9 rgb(131,180,185)
```
#7bbbc0
```
#7bbbc0 rgb(123,187,192)
```
#74c1c8
```
#74c1c8 rgb(116,193,200)
```
#6cc7cf
```
#6cc7cf rgb(108,199,207)
```
#65ced7
```
#65ced7 rgb(101,206,215)
```
#5dd4de
```
#5dd4de rgb(93,212,222)
```
#56dae6
```
#56dae6 rgb(86,218,230)
```
#4ee1ed
```
#4ee1ed rgb(78,225,237)
```
#47e7f5
```
#47e7f5 rgb(71,231,245)
```
#3fedfc
```
#3fedfc rgb(63,237,252)
```

Tone Color Variation

Below, you can see how #5dd4de 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
#a1b9bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c5d5 Protanopia 1% of men
#c7c2e7 Deuteranopia 1% of men
#68d5e4 Tritanopia 0.001% of the population

Trichromacy

#9fcad8 Protanomaly 1% of men, 0.01% of women
#a1c8e3 Deuteranomaly 6% of men, 0.4% of women
#64d4e2 Tritanomaly 0.01% of the population

#5dd4de hex color

#5dd4de Color Information

#5dd4de Color Conversion

Color Schemes with #5dd4de

Alternatives to #5dd4de

#5dd4de Preview

Shades and Tints of #5dd4de

Tones of #5dd4de

Color Blindness Simulator