#5bb6dd Color Information
In a RGB color space, hex #5bb6dd is composed of 35.7% red, 71.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 17.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 198 degrees, a saturation of 65.7% and a lightness of 61.2%. #5bb6dd color hex could be obtained by blending #b6ffff with #006dbb. Closest websafe color is: #66cccc.
-
- R 36
- G 71
- B 87
-
- C 59
- M 18
- Y 0
- K 13
● #5bb6dd color description : Soft blue.
#5bb6dd Color Conversion
The hexadecimal color #5bb6dd has RGB values of R:91, G:182, B:221 and CMYK values of C:0.59, M:0.18, Y:0, K:0.13. Its decimal value is 6010589.
Hex triplet | 5bb6dd | #5bb6dd |
---|---|---|
RGB Decimal | 91, 182, 221 | rgb(91,182,221) |
RGB Percent | 35.7, 71.4, 86.7 | rgb(35.7%,71.4%,86.7%) |
CMYK | 59, 18, 0, 13 | |
HSL | 198°, 65.7, 61.2 | hsl(198,65.7%,61.2%) |
HSV (or HSB) | 198°, 58.8, 86.7 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 70.104, -15.89, -27.781 |
---|---|
XYZ | 34.09, 40.898, 74.5 |
xyY | 0.228, 0.274, 40.898 |
CIE-LCH | 70.104, 32.004, 240.231 |
CIE-LUV | 70.104, -37.634, -41.712 |
Hunter-Lab | 63.952, -16.764, -24.304 |
Binary | 01011011, 10110110, 11011101 |
Color Schemes with #5bb6dd
Alternatives to #5bb6dd
Below, you can see some colors close to #5bb6dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5bb6dd Preview
This text has a font color of #5bb6dd.
<span style="color:#5bb6dd;">Text here</span>
This paragraph has a background color of #5bb6dd.
<p style="background-color:#5bb6dd;">Content here</p>
This element has a border color of #5bb6dd.
<div style="border:1px solid #5bb6dd;">Content here</div>
.text {color:#5bb6dd;}
.background {background-color:#5bb6dd;}
.border {border:1px solid #5bb6dd;}
Shades and Tints of #5bb6dd
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, #030b0f is the darkest color, while #fdfeff is the lightest one.
-
#030b0f
#030b0f
rgb(3,11,15)
-
#06181f
#06181f
rgb(6,24,31)
-
#0a242f
#0a242f
rgb(10,36,47)
-
#0d303f
#0d303f
rgb(13,48,63)
-
#113d50
#113d50
rgb(17,61,80)
-
#144960
#144960
rgb(20,73,96)
-
#175670
#175670
rgb(23,86,112)
-
#1b6280
#1b6280
rgb(27,98,128)
-
#1e6e91
#1e6e91
rgb(30,110,145)
-
#217ba1
#217ba1
rgb(33,123,161)
-
#2587b1
#2587b1
rgb(37,135,177)
-
#2893c1
#2893c1
rgb(40,147,193)
-
#2ba0d2
#2ba0d2
rgb(43,160,210)
-
#3ba8d6
#3ba8d6
rgb(59,168,214)
-
#4bafda
#4bafda
rgb(75,175,218)
-
#5bb6dd
#5bb6dd
rgb(91,182,221)
-
#6bbde0
#6bbde0
rgb(107,189,224)
-
#7bc4e4
#7bc4e4
rgb(123,196,228)
-
#8ccce7
#8ccce7
rgb(140,204,231)
-
#9cd3ea
#9cd3ea
rgb(156,211,234)
-
#acdaee
#acdaee
rgb(172,218,238)
-
#bce1f1
#bce1f1
rgb(188,225,241)
-
#cde9f5
#cde9f5
rgb(205,233,245)
-
#ddf0f8
#ddf0f8
rgb(221,240,248)
-
#edf7fb
#edf7fb
rgb(237,247,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #5bb6dd
A tone is produced by adding gray to any pure hue. In this case, #989ea0 is the less saturated color, while #3dc2fb is the most saturated one.
-
#989ea0
#989ea0
rgb(152,158,160)
-
#90a1a8
#90a1a8
rgb(144,161,168)
-
#89a4af
#89a4af
rgb(137,164,175)
-
#81a7b7
#81a7b7
rgb(129,167,183)
-
#79aabf
#79aabf
rgb(121,170,191)
-
#72adc6
#72adc6
rgb(114,173,198)
-
#6ab0ce
#6ab0ce
rgb(106,176,206)
-
#63b3d5
#63b3d5
rgb(99,179,213)
-
#5bb6dd
#5bb6dd
rgb(91,182,221)
-
#53b9e5
#53b9e5
rgb(83,185,229)
-
#4cbcec
#4cbcec
rgb(76,188,236)
-
#44bff4
#44bff4
rgb(68,191,244)
-
#3dc2fb
#3dc2fb
rgb(61,194,251)
Color Blindness Simulator
Below, you can see how #5bb6dd 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.