#5ba4ef Color Information
In a RGB color space, hex #5ba4ef is composed of 35.7% red, 64.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 31.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 210.4 degrees, a saturation of 82.2% and a lightness of 64.7%. #5ba4ef color hex could be obtained by blending #b6ffff with #0049df. Closest websafe color is: #6699ff.
-
- R 36
- G 64
- B 94
-
- C 62
- M 31
- Y 0
- K 6
● #5ba4ef color description : Soft blue.
#5ba4ef Color Conversion
The hexadecimal color #5ba4ef has RGB values of R:91, G:164, B:239 and CMYK values of C:0.62, M:0.31, Y:0, K:0.06. Its decimal value is 6005999.
Hex triplet | 5ba4ef | #5ba4ef |
---|---|---|
RGB Decimal | 91, 164, 239 | rgb(91,164,239) |
RGB Percent | 35.7, 64.3, 93.7 | rgb(35.7%,64.3%,93.7%) |
CMYK | 62, 31, 0, 6 | |
HSL | 210.4°, 82.2, 64.7 | hsl(210.4,82.2%,64.7%) |
HSV (or HSB) | 210.4°, 61.9, 93.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.752, -0.371, -44.397 |
---|---|
XYZ | 33.166, 35.005, 86.665 |
xyY | 0.214, 0.226, 35.005 |
CIE-LCH | 65.752, 44.399, 269.522 |
CIE-LUV | 65.752, -30.52, -71.21 |
Hunter-Lab | 59.165, -3.476, -45.433 |
Binary | 01011011, 10100100, 11101111 |
Color Schemes with #5ba4ef
Alternatives to #5ba4ef
Below, you can see some colors close to #5ba4ef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ba4ef Preview
This text has a font color of #5ba4ef.
<span style="color:#5ba4ef;">Text here</span>
This paragraph has a background color of #5ba4ef.
<p style="background-color:#5ba4ef;">Content here</p>
This element has a border color of #5ba4ef.
<div style="border:1px solid #5ba4ef;">Content here</div>
.text {color:#5ba4ef;}
.background {background-color:#5ba4ef;}
.border {border:1px solid #5ba4ef;}
Shades and Tints of #5ba4ef
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, #01080f is the darkest color, while #fcfdff is the lightest one.
-
#01080f
#01080f
rgb(1,8,15)
-
#031221
#031221
rgb(3,18,33)
-
#051b32
#051b32
rgb(5,27,50)
-
#072544
#072544
rgb(7,37,68)
-
#082f56
#082f56
rgb(8,47,86)
-
#0a3868
#0a3868
rgb(10,56,104)
-
#0c427a
#0c427a
rgb(12,66,122)
-
#0e4c8c
#0e4c8c
rgb(14,76,140)
-
#0f569e
#0f569e
rgb(15,86,158)
-
#115fb0
#115fb0
rgb(17,95,176)
-
#1369c1
#1369c1
rgb(19,105,193)
-
#1573d3
#1573d3
rgb(21,115,211)
-
#167ce5
#167ce5
rgb(22,124,229)
-
#2586ea
#2586ea
rgb(37,134,234)
-
#3790ec
#3790ec
rgb(55,144,236)
-
#499aed
#499aed
rgb(73,154,237)
-
#5ba4ef
#5ba4ef
rgb(91,164,239)
-
#6daef1
#6daef1
rgb(109,174,241)
-
#7fb8f2
#7fb8f2
rgb(127,184,242)
-
#91c2f4
#91c2f4
rgb(145,194,244)
-
#a2ccf6
#a2ccf6
rgb(162,204,246)
-
#b4d6f8
#b4d6f8
rgb(180,214,248)
-
#c6e0f9
#c6e0f9
rgb(198,224,249)
-
#d8e9fb
#d8e9fb
rgb(216,233,251)
-
#eaf3fd
#eaf3fd
rgb(234,243,253)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #5ba4ef
A tone is produced by adding gray to any pure hue. In this case, #a0a5aa is the less saturated color, while #4da4fd is the most saturated one.
-
#a0a5aa
#a0a5aa
rgb(160,165,170)
-
#99a5b1
#99a5b1
rgb(153,165,177)
-
#92a5b8
#92a5b8
rgb(146,165,184)
-
#8ba5bf
#8ba5bf
rgb(139,165,191)
-
#85a5c5
#85a5c5
rgb(133,165,197)
-
#7ea4cc
#7ea4cc
rgb(126,164,204)
-
#77a4d3
#77a4d3
rgb(119,164,211)
-
#70a4da
#70a4da
rgb(112,164,218)
-
#69a4e1
#69a4e1
rgb(105,164,225)
-
#62a4e8
#62a4e8
rgb(98,164,232)
-
#5ba4ef
#5ba4ef
rgb(91,164,239)
-
#54a4f6
#54a4f6
rgb(84,164,246)
-
#4da4fd
#4da4fd
rgb(77,164,253)
Color Blindness Simulator
Below, you can see how #5ba4ef 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.