#5d9cc8 Color Information
In a RGB color space, hex #5d9cc8 is composed of 36.5% red, 61.2% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 22% magenta, 0% yellow and 21.6% black. It has a hue angle of 204.7 degrees, a saturation of 49.3% and a lightness of 57.5%. #5d9cc8 color hex could be obtained by blending #baffff with #003991. Closest websafe color is: #6699cc.
-
- R 36
- G 61
- B 78
-
- C 54
- M 22
- Y 0
- K 22
● #5d9cc8 color description : Moderate blue.
#5d9cc8 Color Conversion
The hexadecimal color #5d9cc8 has RGB values of R:93, G:156, B:200 and CMYK values of C:0.54, M:0.22, Y:0, K:0.22. Its decimal value is 6134984.
| Hex triplet | 5d9cc8 | #5d9cc8 |
|---|---|---|
| RGB Decimal | 93, 156, 200 | rgb(93,156,200) |
| RGB Percent | 36.5, 61.2, 78.4 | rgb(36.5%,61.2%,78.4%) |
| CMYK | 54, 22, 0, 22 | |
| HSL | 204.7°, 49.3, 57.5 | hsl(204.7,49.3%,57.5%) |
| HSV (or HSB) | 204.7°, 53.5, 78.4 | |
| Web Safe | 6699cc | #6699cc |
| CIE-LAB | 61.889, -7.753, -28.826 |
|---|---|
| XYZ | 26.825, 30.273, 59.07 |
| xyY | 0.231, 0.261, 30.273 |
| CIE-LCH | 61.889, 29.85, 254.946 |
| CIE-LUV | 61.889, -27.997, -43.729 |
| Hunter-Lab | 55.021, -9.258, -25.139 |
| Binary | 01011101, 10011100, 11001000 |
Color Schemes with #5d9cc8
Alternatives to #5d9cc8
Below, you can see some colors close to #5d9cc8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5d9cc8 Preview
This text has a font color of #5d9cc8.
<span style="color:#5d9cc8;">Text here</span>
This paragraph has a background color of #5d9cc8.
<p style="background-color:#5d9cc8;">Content here</p>
This element has a border color of #5d9cc8.
<div style="border:1px solid #5d9cc8;">Content here</div>
.text {color:#5d9cc8;}
.background {background-color:#5d9cc8;}
.border {border:1px solid #5d9cc8;}
Shades and Tints of #5d9cc8
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, #050a0e is the darkest color, while #fefeff is the lightest one.
-
#050a0e
#050a0ergb(5,10,14) -
#0a151c
#0a151crgb(10,21,28) -
#0f1f2b
#0f1f2brgb(15,31,43) -
#142a3a
#142a3argb(20,42,58) -
#193548
#193548rgb(25,53,72) -
#1e3f57
#1e3f57rgb(30,63,87) -
#224a66
#224a66rgb(34,74,102) -
#275574
#275574rgb(39,85,116) -
#2c5f83
#2c5f83rgb(44,95,131) -
#316a92
#316a92rgb(49,106,146) -
#3675a0
#3675a0rgb(54,117,160) -
#3b7faf
#3b7fafrgb(59,127,175) -
#408abd
#408abdrgb(64,138,189)
-
#4e93c3
#4e93c3rgb(78,147,195) -
#5d9cc8
#5d9cc8rgb(93,156,200) -
#6ca5cd
#6ca5cdrgb(108,165,205) -
#7aaed2
#7aaed2rgb(122,174,210) -
#89b7d7
#89b7d7rgb(137,183,215) -
#98c0dc
#98c0dcrgb(152,192,220) -
#a6c9e1
#a6c9e1rgb(166,201,225) -
#b5d2e6
#b5d2e6rgb(181,210,230) -
#c4dbeb
#c4dbebrgb(196,219,235) -
#d2e4f0
#d2e4f0rgb(210,228,240) -
#e1edf5
#e1edf5rgb(225,237,245) -
#eff5fa
#eff5fargb(239,245,250) -
#fefeff
#fefeffrgb(254,254,255)
Tones of #5d9cc8
A tone is produced by adding gray to any pure hue. In this case, #8f9396 is the less saturated color, while #2ba5fa is the most saturated one.
-
#8f9396
#8f9396rgb(143,147,150) -
#87959e
#87959ergb(135,149,158) -
#7e96a7
#7e96a7rgb(126,150,167) -
#7698af
#7698afrgb(118,152,175) -
#6e99b7
#6e99b7rgb(110,153,183) -
#659bc0
#659bc0rgb(101,155,192) -
#5d9cc8
#5d9cc8rgb(93,156,200) -
#559dd0
#559dd0rgb(85,157,208) -
#4c9fd9
#4c9fd9rgb(76,159,217) -
#44a0e1
#44a0e1rgb(68,160,225) -
#3ca2e9
#3ca2e9rgb(60,162,233) -
#33a3f2
#33a3f2rgb(51,163,242) -
#2ba5fa
#2ba5fargb(43,165,250)
Color Blindness Simulator
Below, you can see how #5d9cc8 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.
