#5ba1f9 Color Information
In a RGB color space, hex #5ba1f9 is composed of 35.7% red, 63.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 35.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 213.4 degrees, a saturation of 92.9% and a lightness of 66.7%. #5ba1f9 color hex could be obtained by blending #b6ffff with #0043f3. Closest websafe color is: #6699ff.
-
- R 36
- G 63
- B 98
-
- C 63
- M 35
- Y 0
- K 2
● #5ba1f9 color description : Soft blue.
#5ba1f9 Color Conversion
The hexadecimal color #5ba1f9 has RGB values of R:91, G:161, B:249 and CMYK values of C:0.63, M:0.35, Y:0, K:0.02. Its decimal value is 6005241.
Hex triplet | 5ba1f9 | #5ba1f9 |
---|---|---|
RGB Decimal | 91, 161, 249 | rgb(91,161,249) |
RGB Percent | 35.7, 63.1, 97.6 | rgb(35.7%,63.1%,97.6%) |
CMYK | 63, 35, 0, 2 | |
HSL | 213.4°, 92.9, 66.7 | hsl(213.4,92.9%,66.7%) |
HSV (or HSB) | 213.4°, 63.5, 97.6 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.398, 4.62, -50.425 |
---|---|
XYZ | 34.154, 34.551, 94.486 |
xyY | 0.209, 0.212, 34.551 |
CIE-LCH | 65.398, 50.636, 275.235 |
CIE-LUV | 65.398, -29.245, -81.889 |
Hunter-Lab | 58.78, 0.852, -54.16 |
Binary | 01011011, 10100001, 11111001 |
Color Schemes with #5ba1f9
Alternatives to #5ba1f9
Below, you can see some colors close to #5ba1f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ba1f9 Preview
This text has a font color of #5ba1f9.
<span style="color:#5ba1f9;">Text here</span>
This paragraph has a background color of #5ba1f9.
<p style="background-color:#5ba1f9;">Content here</p>
This element has a border color of #5ba1f9.
<div style="border:1px solid #5ba1f9;">Content here</div>
.text {color:#5ba1f9;}
.background {background-color:#5ba1f9;}
.border {border:1px solid #5ba1f9;}
Shades and Tints of #5ba1f9
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, #000306 is the darkest color, while #f2f8ff is the lightest one.
-
#000306
#000306
rgb(0,3,6)
-
#010c19
#010c19
rgb(1,12,25)
-
#02142c
#02142c
rgb(2,20,44)
-
#021d3f
#021d3f
rgb(2,29,63)
-
#032652
#032652
rgb(3,38,82)
-
#042f65
#042f65
rgb(4,47,101)
-
#043878
#043878
rgb(4,56,120)
-
#05408b
#05408b
rgb(5,64,139)
-
#06499e
#06499e
rgb(6,73,158)
-
#0652b1
#0652b1
rgb(6,82,177)
-
#075bc4
#075bc4
rgb(7,91,196)
-
#0863d6
#0863d6
rgb(8,99,214)
-
#096ce9
#096ce9
rgb(9,108,233)
-
#0f76f6
#0f76f6
rgb(15,118,246)
-
#2280f7
#2280f7
rgb(34,128,247)
-
#358bf8
#358bf8
rgb(53,139,248)
-
#4896f8
#4896f8
rgb(72,150,248)
-
#5ba1f9
#5ba1f9
rgb(91,161,249)
-
#6eacfa
#6eacfa
rgb(110,172,250)
-
#81b7fa
#81b7fa
rgb(129,183,250)
-
#94c2fb
#94c2fb
rgb(148,194,251)
-
#a7ccfc
#a7ccfc
rgb(167,204,252)
-
#bad7fc
#bad7fc
rgb(186,215,252)
-
#cde2fd
#cde2fd
rgb(205,226,253)
-
#dfedfe
#dfedfe
rgb(223,237,254)
-
#f2f8ff
#f2f8ff
rgb(242,248,255)
Tones of #5ba1f9
A tone is produced by adding gray to any pure hue. In this case, #a9aaab is the less saturated color, while #5ba1f9 is the most saturated one.
-
#a9aaab
#a9aaab
rgb(169,170,171)
-
#a3a9b1
#a3a9b1
rgb(163,169,177)
-
#9ca8b8
#9ca8b8
rgb(156,168,184)
-
#96a8be
#96a8be
rgb(150,168,190)
-
#8fa7c5
#8fa7c5
rgb(143,167,197)
-
#89a6cb
#89a6cb
rgb(137,166,203)
-
#82a5d2
#82a5d2
rgb(130,165,210)
-
#7ca5d8
#7ca5d8
rgb(124,165,216)
-
#75a4df
#75a4df
rgb(117,164,223)
-
#6fa3e5
#6fa3e5
rgb(111,163,229)
-
#68a2ec
#68a2ec
rgb(104,162,236)
-
#62a2f2
#62a2f2
rgb(98,162,242)
-
#5ba1f9
#5ba1f9
rgb(91,161,249)
Color Blindness Simulator
Below, you can see how #5ba1f9 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.