#5dc2ed hex color

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

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

● #5dc2ed color description : Soft blue.

The hexadecimal color #5dc2ed has RGB values of R:93, G:194, B:237 and CMYK values of C:0.61, M:0.18, Y:0, K:0.07. Its decimal value is 6144749.

Hex triplet	5dc2ed	`#5dc2ed`
RGB Decimal	93, 194, 237	`rgb(93,194,237)`
RGB Percent	36.5, 76.1, 92.9	`rgb(36.5%,76.1%,92.9%)`
CMYK	61, 18, 0, 7
HSL	197.9°, 80, 64.7	`hsl(197.9,80%,64.7%)`
HSV (or HSB)	197.9°, 60.8, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.204, -16.985, -30.158
XYZ	39.088, 47.022, 87.132
xyY	0.226, 0.271, 47.022
CIE-LCH	74.204, 34.612, 240.611
CIE-LUV	74.204, -40.893, -45.902
Hunter-Lab	68.573, -18.253, -27.336
Binary	01011101, 11000010, 11101101

#5dc2ed
```
#5dc2ed rgb(93,194,237)
```
#ed885d
```
#ed885d rgb(237,136,93)
```

Complementary Color

#5dedd0
```
#5dedd0 rgb(93,237,208)
```
#5dc2ed
```
#5dc2ed rgb(93,194,237)
```
#5d7aed
```
#5d7aed rgb(93,122,237)
```

Analogous Color

#edd05d
```
#edd05d rgb(237,208,93)
```
#5dc2ed
```
#5dc2ed rgb(93,194,237)
```
#ed5d7a
```
#ed5d7a rgb(237,93,122)
```

Split Complementary Color

#c2ed5d
```
#c2ed5d rgb(194,237,93)
```
#5dc2ed
```
#5dc2ed rgb(93,194,237)
```
#ed5dc2
```
#ed5dc2 rgb(237,93,194)
```

Triadic Color

#5ded88
```
#5ded88 rgb(93,237,136)
```
#5dc2ed
```
#5dc2ed rgb(93,194,237)
```
#ed5dc2
```
#ed5dc2 rgb(237,93,194)
```
#ed885d
```
#ed885d rgb(237,136,93)
```

Tetradic Color

#19a8e4
```
#19a8e4 rgb(25,168,228)
```
#2fb1e8
```
#2fb1e8 rgb(47,177,232)
```
#46b9ea
```
#46b9ea rgb(70,185,234)
```
#5dc2ed
```
#5dc2ed rgb(93,194,237)
```
#74cbf0
```
#74cbf0 rgb(116,203,240)
```
#8bd3f2
```
#8bd3f2 rgb(139,211,242)
```
#a2dcf5
```
#a2dcf5 rgb(162,220,245)
```

Monochromatic Color

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

#5de6ed
```
#5de6ed rgb(93,230,237)
```
#5ddaed
```
#5ddaed rgb(93,218,237)
```
#5dceed
```
#5dceed rgb(93,206,237)
```
#5dc2ed
```
#5dc2ed rgb(93,194,237)
```
#5db6ed
```
#5db6ed rgb(93,182,237)
```
#5daaed
```
#5daaed rgb(93,170,237)
```
#5d9eed
```
#5d9eed rgb(93,158,237)
```

Similar Colors

Text with hexadecimal color #5dc2ed

This text has a font color of #5dc2ed.

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

#5dc2ed background color

This paragraph has a background color of #5dc2ed.

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

#5dc2ed border color

This element has a border color of #5dc2ed.

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

CSS codes

.text {color:#5dc2ed;}

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

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

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

#020b0f
```
#020b0f rgb(2,11,15)
```
#041820
```
#041820 rgb(4,24,32)
```
#062532
```
#062532 rgb(6,37,50)
```
#073244
```
#073244 rgb(7,50,68)
```
#093f55
```
#093f55 rgb(9,63,85)
```
#0b4c67
```
#0b4c67 rgb(11,76,103)
```
#0d5878
```
#0d5878 rgb(13,88,120)
```
#0f658a
```
#0f658a rgb(15,101,138)
```
#11729c
```
#11729c rgb(17,114,156)
```
#137fad
```
#137fad rgb(19,127,173)
```
#158cbf
```
#158cbf rgb(21,140,191)
```
#1799d1
```
#1799d1 rgb(23,153,209)
```
#19a6e2
```
#19a6e2 rgb(25,166,226)
```

Shade Color Variation

#28aee7
```
#28aee7 rgb(40,174,231)
```
#3ab5e9
```
#3ab5e9 rgb(58,181,233)
```
#4bbbeb
```
#4bbbeb rgb(75,187,235)
```
#5dc2ed
```
#5dc2ed rgb(93,194,237)
```
#6fc9ef
```
#6fc9ef rgb(111,201,239)
```
#80cff1
```
#80cff1 rgb(128,207,241)
```
#92d6f3
```
#92d6f3 rgb(146,214,243)
```
#a4ddf5
```
#a4ddf5 rgb(164,221,245)
```
#b5e3f7
```
#b5e3f7 rgb(181,227,247)
```
#c7eaf9
```
#c7eaf9 rgb(199,234,249)
```
#d9f1fb
```
#d9f1fb rgb(217,241,251)
```
#eaf7fd
```
#eaf7fd rgb(234,247,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#a2a6a8
```
#a2a6a8 rgb(162,166,168)
```
#9ba9af
```
#9ba9af rgb(155,169,175)
```
#94acb6
```
#94acb6 rgb(148,172,182)
```
#8daebd
```
#8daebd rgb(141,174,189)
```
#87b1c3
```
#87b1c3 rgb(135,177,195)
```
#80b4ca
```
#80b4ca rgb(128,180,202)
```
#79b7d1
```
#79b7d1 rgb(121,183,209)
```
#72bad8
```
#72bad8 rgb(114,186,216)
```
#6bbcdf
```
#6bbcdf rgb(107,188,223)
```
#64bfe6
```
#64bfe6 rgb(100,191,230)
```
#5dc2ed
```
#5dc2ed rgb(93,194,237)
```
#56c5f4
```
#56c5f4 rgb(86,197,244)
```
#4fc8fb
```
#4fc8fb rgb(79,200,251)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9aaeb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb8e5 Protanopia 1% of men
#a9b7f3 Deuteranopia 1% of men
#58c9d7 Tritanopia 0.001% of the population

Trichromacy

#90bbe8 Protanomaly 1% of men, 0.01% of women
#8dbbf0 Deuteranomaly 6% of men, 0.4% of women
#5ac6df Tritanomaly 0.01% of the population

#5dc2ed hex color

#5dc2ed Color Information

#5dc2ed Color Conversion

Color Schemes with #5dc2ed

Alternatives to #5dc2ed

#5dc2ed Preview

Shades and Tints of #5dc2ed

Tones of #5dc2ed

Color Blindness Simulator