#5ba7fd Color Information
In a RGB color space, hex #5ba7fd is composed of 35.7% red, 65.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 34% magenta, 0% yellow and 0.8% black. It has a hue angle of 211.9 degrees, a saturation of 97.6% and a lightness of 67.5%. #5ba7fd color hex could be obtained by blending #b6ffff with #004ffb. Closest websafe color is: #6699ff.
-
- R 36
- G 65
- B 99
-
- C 64
- M 34
- Y 0
- K 1
● #5ba7fd color description : Soft blue.
#5ba7fd Color Conversion
The hexadecimal color #5ba7fd has RGB values of R:91, G:167, B:253 and CMYK values of C:0.64, M:0.34, Y:0, K:0.01. Its decimal value is 6006781.
Hex triplet | 5ba7fd | #5ba7fd |
---|---|---|
RGB Decimal | 91, 167, 253 | rgb(91,167,253) |
RGB Percent | 35.7, 65.5, 99.2 | rgb(35.7%,65.5%,99.2%) |
CMYK | 64, 34, 0, 1 | |
HSL | 211.9°, 97.6, 67.5 | hsl(211.9,97.6%,67.5%) |
HSV (or HSB) | 211.9°, 64, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.24, 2.495, -49.692 |
---|---|
XYZ | 35.859, 36.951, 98.166 |
xyY | 0.21, 0.216, 36.951 |
CIE-LCH | 67.24, 49.755, 272.875 |
CIE-LUV | 67.24, -31.204, -80.771 |
Hunter-Lab | 60.787, -1.08, -53.196 |
Binary | 01011011, 10100111, 11111101 |
Color Schemes with #5ba7fd
Alternatives to #5ba7fd
Below, you can see some colors close to #5ba7fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ba7fd Preview
This text has a font color of #5ba7fd.
<span style="color:#5ba7fd;">Text here</span>
This paragraph has a background color of #5ba7fd.
<p style="background-color:#5ba7fd;">Content here</p>
This element has a border color of #5ba7fd.
<div style="border:1px solid #5ba7fd;">Content here</div>
.text {color:#5ba7fd;}
.background {background-color:#5ba7fd;}
.border {border:1px solid #5ba7fd;}
Shades and Tints of #5ba7fd
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, #00050a is the darkest color, while #f6faff is the lightest one.
-
#00050a
#00050a
rgb(0,5,10)
-
#000e1e
#000e1e
rgb(0,14,30)
-
#011731
#011731
rgb(1,23,49)
-
#012145
#012145
rgb(1,33,69)
-
#012a58
#012a58
rgb(1,42,88)
-
#01336b
#01336b
rgb(1,51,107)
-
#023c7f
#023c7f
rgb(2,60,127)
-
#024592
#024592
rgb(2,69,146)
-
#024fa5
#024fa5
rgb(2,79,165)
-
#0258b9
#0258b9
rgb(2,88,185)
-
#0261cc
#0261cc
rgb(2,97,204)
-
#036ae0
#036ae0
rgb(3,106,224)
-
#0374f3
#0374f3
rgb(3,116,243)
-
#0d7dfc
#0d7dfc
rgb(13,125,252)
-
#2188fc
#2188fc
rgb(33,136,252)
-
#3492fd
#3492fd
rgb(52,146,253)
-
#489dfd
#489dfd
rgb(72,157,253)
-
#5ba7fd
#5ba7fd
rgb(91,167,253)
-
#6eb1fd
#6eb1fd
rgb(110,177,253)
-
#82bcfd
#82bcfd
rgb(130,188,253)
-
#95c6fe
#95c6fe
rgb(149,198,254)
-
#a9d1fe
#a9d1fe
rgb(169,209,254)
-
#bcdbfe
#bcdbfe
rgb(188,219,254)
-
#cfe5fe
#cfe5fe
rgb(207,229,254)
-
#e3f0ff
#e3f0ff
rgb(227,240,255)
-
#f6faff
#f6faff
rgb(246,250,255)
Tones of #5ba7fd
A tone is produced by adding gray to any pure hue. In this case, #a8acb0 is the less saturated color, while #5ba7fd is the most saturated one.
-
#a8acb0
#a8acb0
rgb(168,172,176)
-
#a1abb7
#a1abb7
rgb(161,171,183)
-
#9babbd
#9babbd
rgb(155,171,189)
-
#94abc4
#94abc4
rgb(148,171,196)
-
#8eaaca
#8eaaca
rgb(142,170,202)
-
#88aad0
#88aad0
rgb(136,170,208)
-
#81a9d7
#81a9d7
rgb(129,169,215)
-
#7ba9dd
#7ba9dd
rgb(123,169,221)
-
#75a9e3
#75a9e3
rgb(117,169,227)
-
#6ea8ea
#6ea8ea
rgb(110,168,234)
-
#68a8f0
#68a8f0
rgb(104,168,240)
-
#61a7f7
#61a7f7
rgb(97,167,247)
-
#5ba7fd
#5ba7fd
rgb(91,167,253)
Color Blindness Simulator
Below, you can see how #5ba7fd 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.