#5baaf1 Color Information
In a RGB color space, hex #5baaf1 is composed of 35.7% red, 66.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 29.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 208.4 degrees, a saturation of 84.3% and a lightness of 65.1%. #5baaf1 color hex could be obtained by blending #b6ffff with #0055e3. Closest websafe color is: #6699ff.
-
- R 36
- G 67
- B 95
-
- C 62
- M 29
- Y 0
- K 5
● #5baaf1 color description : Soft blue.
#5baaf1 Color Conversion
The hexadecimal color #5baaf1 has RGB values of R:91, G:170, B:241 and CMYK values of C:0.62, M:0.29, Y:0, K:0.05. Its decimal value is 6007537.
Hex triplet | 5baaf1 | #5baaf1 |
---|---|---|
RGB Decimal | 91, 170, 241 | rgb(91,170,241) |
RGB Percent | 35.7, 66.7, 94.5 | rgb(35.7%,66.7%,94.5%) |
CMYK | 62, 29, 0, 5 | |
HSL | 208.4°, 84.3, 65.1 | hsl(208.4,84.3%,65.1%) |
HSV (or HSB) | 208.4°, 62.2, 94.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.518, -3.108, -42.72 |
---|---|
XYZ | 34.563, 37.322, 88.597 |
xyY | 0.215, 0.233, 37.322 |
CIE-LCH | 67.518, 42.833, 265.838 |
CIE-LUV | 67.518, -32.58, -68.323 |
Hunter-Lab | 61.092, -5.925, -43.219 |
Binary | 01011011, 10101010, 11110001 |
Color Schemes with #5baaf1
Alternatives to #5baaf1
Below, you can see some colors close to #5baaf1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5baaf1 Preview
This text has a font color of #5baaf1.
<span style="color:#5baaf1;">Text here</span>
This paragraph has a background color of #5baaf1.
<p style="background-color:#5baaf1;">Content here</p>
This element has a border color of #5baaf1.
<div style="border:1px solid #5baaf1;">Content here</div>
.text {color:#5baaf1;}
.background {background-color:#5baaf1;}
.border {border:1px solid #5baaf1;}
Shades and Tints of #5baaf1
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, #010911 is the darkest color, while #fefeff is the lightest one.
-
#010911
#010911
rgb(1,9,17)
-
#031423
#031423
rgb(3,20,35)
-
#051e35
#051e35
rgb(5,30,53)
-
#062847
#062847
rgb(6,40,71)
-
#083259
#083259
rgb(8,50,89)
-
#093d6b
#093d6b
rgb(9,61,107)
-
#0b477d
#0b477d
rgb(11,71,125)
-
#0c518f
#0c518f
rgb(12,81,143)
-
#0e5ba1
#0e5ba1
rgb(14,91,161)
-
#0f66b3
#0f66b3
rgb(15,102,179)
-
#1170c5
#1170c5
rgb(17,112,197)
-
#127ad8
#127ad8
rgb(18,122,216)
-
#1484ea
#1484ea
rgb(20,132,234)
-
#258eec
#258eec
rgb(37,142,236)
-
#3797ee
#3797ee
rgb(55,151,238)
-
#49a1ef
#49a1ef
rgb(73,161,239)
-
#5baaf1
#5baaf1
rgb(91,170,241)
-
#6db3f3
#6db3f3
rgb(109,179,243)
-
#7fbdf4
#7fbdf4
rgb(127,189,244)
-
#91c6f6
#91c6f6
rgb(145,198,246)
-
#a3cff7
#a3cff7
rgb(163,207,247)
-
#b5d9f9
#b5d9f9
rgb(181,217,249)
-
#c7e2fa
#c7e2fa
rgb(199,226,250)
-
#daecfc
#daecfc
rgb(218,236,252)
-
#ecf5fd
#ecf5fd
rgb(236,245,253)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #5baaf1
A tone is produced by adding gray to any pure hue. In this case, #9fa6ad is the less saturated color, while #4dabff is the most saturated one.
-
#9fa6ad
#9fa6ad
rgb(159,166,173)
-
#99a7b3
#99a7b3
rgb(153,167,179)
-
#92a7ba
#92a7ba
rgb(146,167,186)
-
#8ba7c1
#8ba7c1
rgb(139,167,193)
-
#84a8c8
#84a8c8
rgb(132,168,200)
-
#7da8cf
#7da8cf
rgb(125,168,207)
-
#76a9d6
#76a9d6
rgb(118,169,214)
-
#70a9dc
#70a9dc
rgb(112,169,220)
-
#69a9e3
#69a9e3
rgb(105,169,227)
-
#62aaea
#62aaea
rgb(98,170,234)
-
#5baaf1
#5baaf1
rgb(91,170,241)
-
#54aaf8
#54aaf8
rgb(84,170,248)
-
#4dabff
#4dabff
rgb(77,171,255)
Color Blindness Simulator
Below, you can see how #5baaf1 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.