#5ba1fe Color Information
In a RGB color space, hex #5ba1fe is composed of 35.7% red, 63.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 36.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 214.2 degrees, a saturation of 98.8% and a lightness of 67.6%. #5ba1fe color hex could be obtained by blending #b6ffff with #0043fd. Closest websafe color is: #6699ff.
-
- R 36
- G 63
- B 100
-
- C 64
- M 37
- Y 0
- K 0
● #5ba1fe color description : Soft blue.
#5ba1fe Color Conversion
The hexadecimal color #5ba1fe has RGB values of R:91, G:161, B:254 and CMYK values of C:0.64, M:0.37, Y:0, K:0. Its decimal value is 6005246.
Hex triplet | 5ba1fe | #5ba1fe |
---|---|---|
RGB Decimal | 91, 161, 254 | rgb(91,161,254) |
RGB Percent | 35.7, 63.1, 99.6 | rgb(35.7%,63.1%,99.6%) |
CMYK | 64, 37, 0, 0 | |
HSL | 214.2°, 98.8, 67.6 | hsl(214.2,98.8%,67.6%) |
HSV (or HSB) | 214.2°, 64.2, 99.6 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.645, 6.274, -52.759 |
---|---|
XYZ | 34.945, 34.867, 98.649 |
xyY | 0.207, 0.207, 34.867 |
CIE-LCH | 65.645, 53.131, 276.782 |
CIE-LUV | 65.645, -29.14, -86.055 |
Hunter-Lab | 59.049, 2.3, -57.718 |
Binary | 01011011, 10100001, 11111110 |
Color Schemes with #5ba1fe
Alternatives to #5ba1fe
Below, you can see some colors close to #5ba1fe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ba1fe Preview
This text has a font color of #5ba1fe.
<span style="color:#5ba1fe;">Text here</span>
This paragraph has a background color of #5ba1fe.
<p style="background-color:#5ba1fe;">Content here</p>
This element has a border color of #5ba1fe.
<div style="border:1px solid #5ba1fe;">Content here</div>
.text {color:#5ba1fe;}
.background {background-color:#5ba1fe;}
.border {border:1px solid #5ba1fe;}
Shades and Tints of #5ba1fe
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, #00050b is the darkest color, while #f7faff is the lightest one.
-
#00050b
#00050b
rgb(0,5,11)
-
#000d1f
#000d1f
rgb(0,13,31)
-
#001632
#001632
rgb(0,22,50)
-
#001e46
#001e46
rgb(0,30,70)
-
#012759
#012759
rgb(1,39,89)
-
#012f6d
#012f6d
rgb(1,47,109)
-
#013880
#013880
rgb(1,56,128)
-
#014094
#014094
rgb(1,64,148)
-
#0148a7
#0148a7
rgb(1,72,167)
-
#0151bb
#0151bb
rgb(1,81,187)
-
#0159ce
#0159ce
rgb(1,89,206)
-
#0162e2
#0162e2
rgb(1,98,226)
-
#016af5
#016af5
rgb(1,106,245)
-
#0d74fe
#0d74fe
rgb(13,116,254)
-
#217ffe
#217ffe
rgb(33,127,254)
-
#348bfe
#348bfe
rgb(52,139,254)
-
#4896fe
#4896fe
rgb(72,150,254)
-
#5ba1fe
#5ba1fe
rgb(91,161,254)
-
#6eacfe
#6eacfe
rgb(110,172,254)
-
#82b7fe
#82b7fe
rgb(130,183,254)
-
#95c3fe
#95c3fe
rgb(149,195,254)
-
#a9cefe
#a9cefe
rgb(169,206,254)
-
#bcd9ff
#bcd9ff
rgb(188,217,255)
-
#d0e4ff
#d0e4ff
rgb(208,228,255)
-
#e3efff
#e3efff
rgb(227,239,255)
-
#f7faff
#f7faff
rgb(247,250,255)
Tones of #5ba1fe
A tone is produced by adding gray to any pure hue. In this case, #a7acb2 is the less saturated color, while #5ba1fe is the most saturated one.
-
#a7acb2
#a7acb2
rgb(167,172,178)
-
#a1abb8
#a1abb8
rgb(161,171,184)
-
#9aaabf
#9aaabf
rgb(154,170,191)
-
#94a9c5
#94a9c5
rgb(148,169,197)
-
#8ea8cb
#8ea8cb
rgb(142,168,203)
-
#87a7d2
#87a7d2
rgb(135,167,210)
-
#81a6d8
#81a6d8
rgb(129,166,216)
-
#7ba5de
#7ba5de
rgb(123,165,222)
-
#74a5e5
#74a5e5
rgb(116,165,229)
-
#6ea4eb
#6ea4eb
rgb(110,164,235)
-
#68a3f1
#68a3f1
rgb(104,163,241)
-
#61a2f8
#61a2f8
rgb(97,162,248)
-
#5ba1fe
#5ba1fe
rgb(91,161,254)
Color Blindness Simulator
Below, you can see how #5ba1fe 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.