#5ba7e8 Color Information
In a RGB color space, hex #5ba7e8 is composed of 35.7% red, 65.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 28% magenta, 0% yellow and 9% black. It has a hue angle of 207.7 degrees, a saturation of 75.4% and a lightness of 63.3%. #5ba7e8 color hex could be obtained by blending #b6ffff with #004fd1. Closest websafe color is: #6699ff.
-
- R 36
- G 65
- B 91
-
- C 61
- M 28
- Y 0
- K 9
● #5ba7e8 color description : Soft blue.
#5ba7e8 Color Conversion
The hexadecimal color #5ba7e8 has RGB values of R:91, G:167, B:232 and CMYK values of C:0.61, M:0.28, Y:0, K:0.09. Its decimal value is 6006760.
Hex triplet | 5ba7e8 | #5ba7e8 |
---|---|---|
RGB Decimal | 91, 167, 232 | rgb(91,167,232) |
RGB Percent | 35.7, 65.5, 91 | rgb(35.7%,65.5%,91%) |
CMYK | 61, 28, 0, 9 | |
HSL | 207.7°, 75.4, 63.3 | hsl(207.7,75.4%,63.3%) |
HSV (or HSB) | 207.7°, 60.8, 91 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.279, -4.315, -39.735 |
---|---|
XYZ | 32.695, 35.686, 81.505 |
xyY | 0.218, 0.238, 35.686 |
CIE-LCH | 66.279, 39.968, 263.803 |
CIE-LUV | 66.279, -31.775, -62.939 |
Hunter-Lab | 59.737, -6.845, -39.078 |
Binary | 01011011, 10100111, 11101000 |
Color Schemes with #5ba7e8
Alternatives to #5ba7e8
Below, you can see some colors close to #5ba7e8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ba7e8 Preview
This text has a font color of #5ba7e8.
<span style="color:#5ba7e8;">Text here</span>
This paragraph has a background color of #5ba7e8.
<p style="background-color:#5ba7e8;">Content here</p>
This element has a border color of #5ba7e8.
<div style="border:1px solid #5ba7e8;">Content here</div>
.text {color:#5ba7e8;}
.background {background-color:#5ba7e8;}
.border {border:1px solid #5ba7e8;}
Shades and Tints of #5ba7e8
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 #f6fafe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#040f19
#040f19
rgb(4,15,25)
-
#061a2a
#061a2a
rgb(6,26,42)
-
#08243c
#08243c
rgb(8,36,60)
-
#0b2e4d
#0b2e4d
rgb(11,46,77)
-
#0d395e
#0d395e
rgb(13,57,94)
-
#10436f
#10436f
rgb(16,67,111)
-
#124e80
#124e80
rgb(18,78,128)
-
#145892
#145892
rgb(20,88,146)
-
#1762a3
#1762a3
rgb(23,98,163)
-
#196db4
#196db4
rgb(25,109,180)
-
#1c77c5
#1c77c5
rgb(28,119,197)
-
#1e81d6
#1e81d6
rgb(30,129,214)
-
#278be1
#278be1
rgb(39,139,225)
-
#3995e3
#3995e3
rgb(57,149,227)
-
#4a9ee6
#4a9ee6
rgb(74,158,230)
-
#5ba7e8
#5ba7e8
rgb(91,167,232)
-
#6cb0ea
#6cb0ea
rgb(108,176,234)
-
#7db9ed
#7db9ed
rgb(125,185,237)
-
#8fc3ef
#8fc3ef
rgb(143,195,239)
-
#a0ccf2
#a0ccf2
rgb(160,204,242)
-
#b1d5f4
#b1d5f4
rgb(177,213,244)
-
#c2def6
#c2def6
rgb(194,222,246)
-
#d3e8f9
#d3e8f9
rgb(211,232,249)
-
#e5f1fb
#e5f1fb
rgb(229,241,251)
-
#f6fafe
#f6fafe
rgb(246,250,254)
Tones of #5ba7e8
A tone is produced by adding gray to any pure hue. In this case, #9ca2a7 is the less saturated color, while #45a9fe is the most saturated one.
-
#9ca2a7
#9ca2a7
rgb(156,162,167)
-
#95a3ae
#95a3ae
rgb(149,163,174)
-
#8da3b6
#8da3b6
rgb(141,163,182)
-
#86a4bd
#86a4bd
rgb(134,164,189)
-
#7fa4c4
#7fa4c4
rgb(127,164,196)
-
#78a5cb
#78a5cb
rgb(120,165,203)
-
#71a5d2
#71a5d2
rgb(113,165,210)
-
#69a6da
#69a6da
rgb(105,166,218)
-
#62a6e1
#62a6e1
rgb(98,166,225)
-
#5ba7e8
#5ba7e8
rgb(91,167,232)
-
#54a8ef
#54a8ef
rgb(84,168,239)
-
#4da8f6
#4da8f6
rgb(77,168,246)
-
#45a9fe
#45a9fe
rgb(69,169,254)
Color Blindness Simulator
Below, you can see how #5ba7e8 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.