#5bb4dc Color Information
In a RGB color space, hex #5bb4dc is composed of 35.7% red, 70.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 18.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 198.6 degrees, a saturation of 64.8% and a lightness of 61%. #5bb4dc color hex could be obtained by blending #b6ffff with #0069b9. Closest websafe color is: #66cccc.
-
- R 36
- G 71
- B 86
-
- C 59
- M 18
- Y 0
- K 14
● #5bb4dc color description : Soft blue.
#5bb4dc Color Conversion
The hexadecimal color #5bb4dc has RGB values of R:91, G:180, B:220 and CMYK values of C:0.59, M:0.18, Y:0, K:0.14. Its decimal value is 6010076.
Hex triplet | 5bb4dc | #5bb4dc |
---|---|---|
RGB Decimal | 91, 180, 220 | rgb(91,180,220) |
RGB Percent | 35.7, 70.6, 86.3 | rgb(35.7%,70.6%,86.3%) |
CMYK | 59, 18, 0, 14 | |
HSL | 198.6°, 64.8, 61 | hsl(198.6,64.8%,61%) |
HSV (or HSB) | 198.6°, 58.6, 86.3 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 69.492, -15.135, -28.175 |
---|---|
XYZ | 33.551, 40.032, 73.665 |
xyY | 0.228, 0.272, 40.032 |
CIE-LCH | 69.492, 31.983, 241.757 |
CIE-LUV | 69.492, -36.932, -42.424 |
Hunter-Lab | 63.271, -16.07, -24.741 |
Binary | 01011011, 10110100, 11011100 |
Color Schemes with #5bb4dc
Alternatives to #5bb4dc
Below, you can see some colors close to #5bb4dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5bb4dc Preview
This text has a font color of #5bb4dc.
<span style="color:#5bb4dc;">Text here</span>
This paragraph has a background color of #5bb4dc.
<p style="background-color:#5bb4dc;">Content here</p>
This element has a border color of #5bb4dc.
<div style="border:1px solid #5bb4dc;">Content here</div>
.text {color:#5bb4dc;}
.background {background-color:#5bb4dc;}
.border {border:1px solid #5bb4dc;}
Shades and Tints of #5bb4dc
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, #030a0e is the darkest color, while #fdfefe is the lightest one.
-
#030a0e
#030a0e
rgb(3,10,14)
-
#06171e
#06171e
rgb(6,23,30)
-
#0a232e
#0a232e
rgb(10,35,46)
-
#0d2f3e
#0d2f3e
rgb(13,47,62)
-
#113b4e
#113b4e
rgb(17,59,78)
-
#14485f
#14485f
rgb(20,72,95)
-
#18546f
#18546f
rgb(24,84,111)
-
#1b607f
#1b607f
rgb(27,96,127)
-
#1f6c8f
#1f6c8f
rgb(31,108,143)
-
#22789f
#22789f
rgb(34,120,159)
-
#2585af
#2585af
rgb(37,133,175)
-
#2991c0
#2991c0
rgb(41,145,192)
-
#2c9dd0
#2c9dd0
rgb(44,157,208)
-
#3ba5d5
#3ba5d5
rgb(59,165,213)
-
#4badd9
#4badd9
rgb(75,173,217)
-
#5bb4dc
#5bb4dc
rgb(91,180,220)
-
#6bbbdf
#6bbbdf
rgb(107,187,223)
-
#7bc3e3
#7bc3e3
rgb(123,195,227)
-
#8bcae6
#8bcae6
rgb(139,202,230)
-
#9cd2ea
#9cd2ea
rgb(156,210,234)
-
#acd9ed
#acd9ed
rgb(172,217,237)
-
#bce0f1
#bce0f1
rgb(188,224,241)
-
#cce8f4
#cce8f4
rgb(204,232,244)
-
#dceff8
#dceff8
rgb(220,239,248)
-
#ecf7fb
#ecf7fb
rgb(236,247,251)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #5bb4dc
A tone is produced by adding gray to any pure hue. In this case, #989d9f is the less saturated color, while #3cc0fb is the most saturated one.
-
#989d9f
#989d9f
rgb(152,157,159)
-
#91a0a6
#91a0a6
rgb(145,160,166)
-
#89a3ae
#89a3ae
rgb(137,163,174)
-
#81a5b6
#81a5b6
rgb(129,165,182)
-
#7aa8bd
#7aa8bd
rgb(122,168,189)
-
#72abc5
#72abc5
rgb(114,171,197)
-
#6aaecd
#6aaecd
rgb(106,174,205)
-
#63b1d4
#63b1d4
rgb(99,177,212)
-
#5bb4dc
#5bb4dc
rgb(91,180,220)
-
#53b7e4
#53b7e4
rgb(83,183,228)
-
#4cbaeb
#4cbaeb
rgb(76,186,235)
-
#44bdf3
#44bdf3
rgb(68,189,243)
-
#3cc0fb
#3cc0fb
rgb(60,192,251)
Color Blindness Simulator
Below, you can see how #5bb4dc 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.