#5bb1f5 Color Information
In a RGB color space, hex #5bb1f5 is composed of 35.7% red, 69.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 27.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 206.5 degrees, a saturation of 88.5% and a lightness of 65.9%. #5bb1f5 color hex could be obtained by blending #b6ffff with #0063eb. Closest websafe color is: #6699ff.
-
- R 36
- G 69
- B 96
-
- C 63
- M 28
- Y 0
- K 4
● #5bb1f5 color description : Soft blue.
#5bb1f5 Color Conversion
The hexadecimal color #5bb1f5 has RGB values of R:91, G:177, B:245 and CMYK values of C:0.63, M:0.28, Y:0, K:0.04. Its decimal value is 6009333.
Hex triplet | 5bb1f5 | #5bb1f5 |
---|---|---|
RGB Decimal | 91, 177, 245 | rgb(91,177,245) |
RGB Percent | 35.7, 69.4, 96.1 | rgb(35.7%,69.4%,96.1%) |
CMYK | 63, 28, 0, 4 | |
HSL | 206.5°, 88.5, 65.9 | hsl(206.5,88.5%,65.9%) |
HSV (or HSB) | 206.5°, 62.9, 96.1 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 69.653, -5.718, -41.555 |
---|---|
XYZ | 36.514, 40.258, 92.228 |
xyY | 0.216, 0.238, 40.258 |
CIE-LCH | 69.653, 41.947, 262.166 |
CIE-LUV | 69.653, -34.931, -66.324 |
Hunter-Lab | 63.45, -8.313, -41.767 |
Binary | 01011011, 10110001, 11110101 |
Color Schemes with #5bb1f5
Alternatives to #5bb1f5
Below, you can see some colors close to #5bb1f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5bb1f5 Preview
This text has a font color of #5bb1f5.
<span style="color:#5bb1f5;">Text here</span>
This paragraph has a background color of #5bb1f5.
<p style="background-color:#5bb1f5;">Content here</p>
This element has a border color of #5bb1f5.
<div style="border:1px solid #5bb1f5;">Content here</div>
.text {color:#5bb1f5;}
.background {background-color:#5bb1f5;}
.border {border:1px solid #5bb1f5;}
Shades and Tints of #5bb1f5
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, #000102 is the darkest color, while #eff7fe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#010c15
#010c15
rgb(1,12,21)
-
#021727
#021727
rgb(2,23,39)
-
#04223a
#04223a
rgb(4,34,58)
-
#052d4c
#052d4c
rgb(5,45,76)
-
#06385f
#06385f
rgb(6,56,95)
-
#074271
#074271
rgb(7,66,113)
-
#084d84
#084d84
rgb(8,77,132)
-
#095896
#095896
rgb(9,88,150)
-
#0a63a9
#0a63a9
rgb(10,99,169)
-
#0b6ebb
#0b6ebb
rgb(11,110,187)
-
#0d78ce
#0d78ce
rgb(13,120,206)
-
#0e83e0
#0e83e0
rgb(14,131,224)
-
#118ef0
#118ef0
rgb(17,142,240)
-
#2497f2
#2497f2
rgb(36,151,242)
-
#369ff3
#369ff3
rgb(54,159,243)
-
#49a8f4
#49a8f4
rgb(73,168,244)
-
#5bb1f5
#5bb1f5
rgb(91,177,245)
-
#6dbaf6
#6dbaf6
rgb(109,186,246)
-
#80c3f7
#80c3f7
rgb(128,195,247)
-
#92cbf8
#92cbf8
rgb(146,203,248)
-
#a5d4fa
#a5d4fa
rgb(165,212,250)
-
#b7ddfb
#b7ddfb
rgb(183,221,251)
-
#cae6fc
#cae6fc
rgb(202,230,252)
-
#dceffd
#dceffd
rgb(220,239,253)
-
#eff7fe
#eff7fe
rgb(239,247,254)
Tones of #5bb1f5
A tone is produced by adding gray to any pure hue. In this case, #a5a8ab is the less saturated color, while #54b2fc is the most saturated one.
-
#a5a8ab
#a5a8ab
rgb(165,168,171)
-
#9ea9b2
#9ea9b2
rgb(158,169,178)
-
#97aab9
#97aab9
rgb(151,170,185)
-
#91abbf
#91abbf
rgb(145,171,191)
-
#8aacc6
#8aacc6
rgb(138,172,198)
-
#83accd
#83accd
rgb(131,172,205)
-
#7cadd4
#7cadd4
rgb(124,173,212)
-
#76aeda
#76aeda
rgb(118,174,218)
-
#6fafe1
#6fafe1
rgb(111,175,225)
-
#68afe8
#68afe8
rgb(104,175,232)
-
#62b0ee
#62b0ee
rgb(98,176,238)
-
#5bb1f5
#5bb1f5
rgb(91,177,245)
-
#54b2fc
#54b2fc
rgb(84,178,252)
Color Blindness Simulator
Below, you can see how #5bb1f5 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.