#5ba5e6 Color Information
In a RGB color space, hex #5ba5e6 is composed of 35.7% red, 64.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 28.3% magenta, 0% yellow and 9.8% black. It has a hue angle of 208.1 degrees, a saturation of 73.5% and a lightness of 62.9%. #5ba5e6 color hex could be obtained by blending #b6ffff with #004bcd. Closest websafe color is: #6699ff.
-
- R 36
- G 65
- B 90
-
- C 60
- M 28
- Y 0
- K 10
● #5ba5e6 color description : Soft blue.
#5ba5e6 Color Conversion
The hexadecimal color #5ba5e6 has RGB values of R:91, G:165, B:230 and CMYK values of C:0.6, M:0.28, Y:0, K:0.1. Its decimal value is 6006246.
Hex triplet | 5ba5e6 | #5ba5e6 |
---|---|---|
RGB Decimal | 91, 165, 230 | rgb(91,165,230) |
RGB Percent | 35.7, 64.7, 90.2 | rgb(35.7%,64.7%,90.2%) |
CMYK | 60, 28, 0, 10 | |
HSL | 208.1°, 73.5, 62.9 | hsl(208.1,73.5%,62.9%) |
HSV (or HSB) | 208.1°, 60.4, 90.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.628, -3.832, -39.654 |
---|---|
XYZ | 32.049, 34.845, 79.895 |
xyY | 0.218, 0.237, 34.845 |
CIE-LCH | 65.628, 39.839, 264.48 |
CIE-LUV | 65.628, -31.114, -62.768 |
Hunter-Lab | 59.03, -6.39, -38.926 |
Binary | 01011011, 10100101, 11100110 |
Color Schemes with #5ba5e6
Alternatives to #5ba5e6
Below, you can see some colors close to #5ba5e6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ba5e6 Preview
This text has a font color of #5ba5e6.
<span style="color:#5ba5e6;">Text here</span>
This paragraph has a background color of #5ba5e6.
<p style="background-color:#5ba5e6;">Content here</p>
This element has a border color of #5ba5e6.
<div style="border:1px solid #5ba5e6;">Content here</div>
.text {color:#5ba5e6;}
.background {background-color:#5ba5e6;}
.border {border:1px solid #5ba5e6;}
Shades and Tints of #5ba5e6
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, #010406 is the darkest color, while #f4f9fd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#040e17
#040e17
rgb(4,14,23)
-
#061828
#061828
rgb(6,24,40)
-
#092339
#092339
rgb(9,35,57)
-
#0b2d4a
#0b2d4a
rgb(11,45,74)
-
#0e375b
#0e375b
rgb(14,55,91)
-
#11416c
#11416c
rgb(17,65,108)
-
#134c7d
#134c7d
rgb(19,76,125)
-
#16568e
#16568e
rgb(22,86,142)
-
#18609f
#18609f
rgb(24,96,159)
-
#1b6ab0
#1b6ab0
rgb(27,106,176)
-
#1d75c1
#1d75c1
rgb(29,117,193)
-
#207fd2
#207fd2
rgb(32,127,210)
-
#2889de
#2889de
rgb(40,137,222)
-
#3992e1
#3992e1
rgb(57,146,225)
-
#4a9ce3
#4a9ce3
rgb(74,156,227)
-
#5ba5e6
#5ba5e6
rgb(91,165,230)
-
#6caee9
#6caee9
rgb(108,174,233)
-
#7db8eb
#7db8eb
rgb(125,184,235)
-
#8ec1ee
#8ec1ee
rgb(142,193,238)
-
#9fcaf0
#9fcaf0
rgb(159,202,240)
-
#b0d4f3
#b0d4f3
rgb(176,212,243)
-
#c1ddf6
#c1ddf6
rgb(193,221,246)
-
#d2e6f8
#d2e6f8
rgb(210,230,248)
-
#e3f0fb
#e3f0fb
rgb(227,240,251)
-
#f4f9fd
#f4f9fd
rgb(244,249,253)
Tones of #5ba5e6
A tone is produced by adding gray to any pure hue. In this case, #9ca1a5 is the less saturated color, while #45a6fc is the most saturated one.
-
#9ca1a5
#9ca1a5
rgb(156,161,165)
-
#95a1ac
#95a1ac
rgb(149,161,172)
-
#8ea2b3
#8ea2b3
rgb(142,162,179)
-
#87a2ba
#87a2ba
rgb(135,162,186)
-
#7fa3c2
#7fa3c2
rgb(127,163,194)
-
#78a3c9
#78a3c9
rgb(120,163,201)
-
#71a4d0
#71a4d0
rgb(113,164,208)
-
#6aa4d7
#6aa4d7
rgb(106,164,215)
-
#62a5df
#62a5df
rgb(98,165,223)
-
#5ba5e6
#5ba5e6
rgb(91,165,230)
-
#54a5ed
#54a5ed
rgb(84,165,237)
-
#4ca6f5
#4ca6f5
rgb(76,166,245)
-
#45a6fc
#45a6fc
rgb(69,166,252)
Color Blindness Simulator
Below, you can see how #5ba5e6 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.