#5bb1e8 Color Information
In a RGB color space, hex #5bb1e8 is composed of 35.7% red, 69.4% green and 91% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 23.7% magenta, 0% yellow and 9% black. It has a hue angle of 203.4 degrees, a saturation of 75.4% and a lightness of 63.3%. #5bb1e8 color hex could be obtained by blending #b6ffff with #0063d1. Closest websafe color is: #6699ff.
-
- R 36
- G 69
- B 91
-
- C 61
- M 24
- Y 0
- K 9
● #5bb1e8 color description : Soft blue.
#5bb1e8 Color Conversion
The hexadecimal color #5bb1e8 has RGB values of R:91, G:177, B:232 and CMYK values of C:0.61, M:0.24, Y:0, K:0.09. Its decimal value is 6009320.
| Hex triplet | 5bb1e8 | #5bb1e8 |
|---|---|---|
| RGB Decimal | 91, 177, 232 | rgb(91,177,232) |
| RGB Percent | 35.7, 69.4, 91 | rgb(35.7%,69.4%,91%) |
| CMYK | 61, 24, 0, 9 | |
| HSL | 203.4°, 75.4, 63.3 | hsl(203.4,75.4%,63.3%) |
| HSV (or HSB) | 203.4°, 60.8, 91 | |
| Web Safe | 6699ff | #6699ff |
| CIE-LAB | 69.106, -9.831, -35.33 |
|---|---|
| XYZ | 34.598, 39.492, 82.139 |
| xyY | 0.221, 0.253, 39.492 |
| CIE-LCH | 69.106, 36.672, 254.45 |
| CIE-LUV | 69.106, -35.383, -55.148 |
| Hunter-Lab | 62.843, -11.701, -33.505 |
| Binary | 01011011, 10110001, 11101000 |
Color Schemes with #5bb1e8
Alternatives to #5bb1e8
Below, you can see some colors close to #5bb1e8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5bb1e8 Preview
This text has a font color of #5bb1e8.
<span style="color:#5bb1e8;">Text here</span>
This paragraph has a background color of #5bb1e8.
<p style="background-color:#5bb1e8;">Content here</p>
This element has a border color of #5bb1e8.
<div style="border:1px solid #5bb1e8;">Content here</div>
.text {color:#5bb1e8;}
.background {background-color:#5bb1e8;}
.border {border:1px solid #5bb1e8;}
Shades and Tints of #5bb1e8
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, #010508 is the darkest color, while #f6fbfe is the lightest one.
-
#010508
#010508rgb(1,5,8) -
#041119
#041119rgb(4,17,25) -
#061c2a
#061c2argb(6,28,42) -
#08283c
#08283crgb(8,40,60) -
#0b334d
#0b334drgb(11,51,77) -
#0d3f5e
#0d3f5ergb(13,63,94) -
#104a6f
#104a6frgb(16,74,111) -
#125580
#125580rgb(18,85,128) -
#146192
#146192rgb(20,97,146) -
#176ca3
#176ca3rgb(23,108,163) -
#1978b4
#1978b4rgb(25,120,180) -
#1c83c5
#1c83c5rgb(28,131,197) -
#1e8fd6
#1e8fd6rgb(30,143,214)
-
#2798e1
#2798e1rgb(39,152,225) -
#39a1e3
#39a1e3rgb(57,161,227) -
#4aa9e6
#4aa9e6rgb(74,169,230) -
#5bb1e8
#5bb1e8rgb(91,177,232) -
#6cb9ea
#6cb9eargb(108,185,234) -
#7dc1ed
#7dc1edrgb(125,193,237) -
#8fcaef
#8fcaefrgb(143,202,239) -
#a0d2f2
#a0d2f2rgb(160,210,242) -
#b1daf4
#b1daf4rgb(177,218,244) -
#c2e2f6
#c2e2f6rgb(194,226,246) -
#d3eaf9
#d3eaf9rgb(211,234,249) -
#e5f2fb
#e5f2fbrgb(229,242,251) -
#f6fbfe
#f6fbfergb(246,251,254)
Tones of #5bb1e8
A tone is produced by adding gray to any pure hue. In this case, #9ca3a7 is the less saturated color, while #45b6fe is the most saturated one.
-
#9ca3a7
#9ca3a7rgb(156,163,167) -
#95a4ae
#95a4aergb(149,164,174) -
#8da6b6
#8da6b6rgb(141,166,182) -
#86a8bd
#86a8bdrgb(134,168,189) -
#7fa9c4
#7fa9c4rgb(127,169,196) -
#78abcb
#78abcbrgb(120,171,203) -
#71acd2
#71acd2rgb(113,172,210) -
#69aeda
#69aedargb(105,174,218) -
#62afe1
#62afe1rgb(98,175,225) -
#5bb1e8
#5bb1e8rgb(91,177,232) -
#54b3ef
#54b3efrgb(84,179,239) -
#4db4f6
#4db4f6rgb(77,180,246) -
#45b6fe
#45b6fergb(69,182,254)
Color Blindness Simulator
Below, you can see how #5bb1e8 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.
