#5b9cfe Color Information
In a RGB color space, hex #5b9cfe is composed of 35.7% red, 61.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 38.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 216.1 degrees, a saturation of 98.8% and a lightness of 67.6%. #5b9cfe color hex could be obtained by blending #b6ffff with #0039fd. Closest websafe color is: #6699ff.
-
- R 36
- G 61
- B 100
-
- C 64
- M 39
- Y 0
- K 0
● #5b9cfe color description : Soft blue.
#5b9cfe Color Conversion
The hexadecimal color #5b9cfe has RGB values of R:91, G:156, B:254 and CMYK values of C:0.64, M:0.39, Y:0, K:0. Its decimal value is 6003966.
| Hex triplet | 5b9cfe | #5b9cfe |
|---|---|---|
| RGB Decimal | 91, 156, 254 | rgb(91,156,254) |
| RGB Percent | 35.7, 61.2, 99.6 | rgb(35.7%,61.2%,99.6%) |
| CMYK | 64, 39, 0, 0 | |
| HSL | 216.1°, 98.8, 67.6 | hsl(216.1,98.8%,67.6%) |
| HSV (or HSB) | 216.1°, 64.2, 99.6 | |
| Web Safe | 6699ff | #6699ff |
| CIE-LAB | 64.286, 9.183, -54.916 |
|---|---|
| XYZ | 34.088, 33.155, 98.364 |
| xyY | 0.206, 0.2, 33.155 |
| CIE-LCH | 64.286, 55.678, 279.493 |
| CIE-LUV | 64.286, -27.464, -89.677 |
| Hunter-Lab | 57.58, 4.91, -60.979 |
| Binary | 01011011, 10011100, 11111110 |
Color Schemes with #5b9cfe
Alternatives to #5b9cfe
Below, you can see some colors close to #5b9cfe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5b9cfe Preview
This text has a font color of #5b9cfe.
<span style="color:#5b9cfe;">Text here</span>
This paragraph has a background color of #5b9cfe.
<p style="background-color:#5b9cfe;">Content here</p>
This element has a border color of #5b9cfe.
<div style="border:1px solid #5b9cfe;">Content here</div>
.text {color:#5b9cfe;}
.background {background-color:#5b9cfe;}
.border {border:1px solid #5b9cfe;}
Shades and Tints of #5b9cfe
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, #00050b is the darkest color, while #f7faff is the lightest one.
-
#00050b
#00050brgb(0,5,11) -
#000c1f
#000c1frgb(0,12,31) -
#001432
#001432rgb(0,20,50) -
#001c46
#001c46rgb(0,28,70) -
#012459
#012459rgb(1,36,89) -
#012c6d
#012c6drgb(1,44,109) -
#013480
#013480rgb(1,52,128) -
#013c94
#013c94rgb(1,60,148) -
#0143a7
#0143a7rgb(1,67,167) -
#014bbb
#014bbbrgb(1,75,187) -
#0153ce
#0153cergb(1,83,206) -
#015be2
#015be2rgb(1,91,226) -
#0163f5
#0163f5rgb(1,99,245)
-
#0d6dfe
#0d6dfergb(13,109,254) -
#2179fe
#2179fergb(33,121,254) -
#3484fe
#3484fergb(52,132,254) -
#4890fe
#4890fergb(72,144,254) -
#5b9cfe
#5b9cfergb(91,156,254) -
#6ea8fe
#6ea8fergb(110,168,254) -
#82b4fe
#82b4fergb(130,180,254) -
#95bffe
#95bffergb(149,191,254) -
#a9cbfe
#a9cbfergb(169,203,254) -
#bcd7ff
#bcd7ffrgb(188,215,255) -
#d0e3ff
#d0e3ffrgb(208,227,255) -
#e3eeff
#e3eeffrgb(227,238,255) -
#f7faff
#f7faffrgb(247,250,255)
Tones of #5b9cfe
A tone is produced by adding gray to any pure hue. In this case, #a7abb2 is the less saturated color, while #5b9cfe is the most saturated one.
-
#a7abb2
#a7abb2rgb(167,171,178) -
#a1aab8
#a1aab8rgb(161,170,184) -
#9aa9bf
#9aa9bfrgb(154,169,191) -
#94a8c5
#94a8c5rgb(148,168,197) -
#8ea6cb
#8ea6cbrgb(142,166,203) -
#87a5d2
#87a5d2rgb(135,165,210) -
#81a4d8
#81a4d8rgb(129,164,216) -
#7ba2de
#7ba2dergb(123,162,222) -
#74a1e5
#74a1e5rgb(116,161,229) -
#6ea0eb
#6ea0ebrgb(110,160,235) -
#689ff1
#689ff1rgb(104,159,241) -
#619df8
#619df8rgb(97,157,248) -
#5b9cfe
#5b9cfergb(91,156,254)
Color Blindness Simulator
Below, you can see how #5b9cfe 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.
