#5ab4ef Color Information
In a RGB color space, hex #5ab4ef is composed of 35.3% red, 70.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 24.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 203.8 degrees, a saturation of 82.3% and a lightness of 64.5%. #5ab4ef color hex could be obtained by blending #b4ffff with #0069df. Closest websafe color is: #66ccff.
-
- R 35
- G 71
- B 94
-
- C 62
- M 25
- Y 0
- K 6
● #5ab4ef color description : Soft blue.
#5ab4ef Color Conversion
The hexadecimal color #5ab4ef has RGB values of R:90, G:180, B:239 and CMYK values of C:0.62, M:0.25, Y:0, K:0.06. Its decimal value is 5944559.
Hex triplet | 5ab4ef | #5ab4ef |
---|---|---|
RGB Decimal | 90, 180, 239 | rgb(90,180,239) |
RGB Percent | 35.3, 70.6, 93.7 | rgb(35.3%,70.6%,93.7%) |
CMYK | 62, 25, 0, 6 | |
HSL | 203.8°, 82.3, 64.5 | hsl(203.8,82.3%,64.5%) |
HSV (or HSB) | 203.8°, 62.3, 93.7 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.208, -9.441, -37.433 |
---|---|
XYZ | 36.114, 41.046, 87.676 |
xyY | 0.219, 0.249, 41.046 |
CIE-LCH | 70.208, 38.605, 255.845 |
CIE-LUV | 70.208, -36.449, -58.899 |
Hunter-Lab | 64.067, -11.498, -36.292 |
Binary | 01011010, 10110100, 11101111 |
Color Schemes with #5ab4ef
Alternatives to #5ab4ef
Below, you can see some colors close to #5ab4ef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ab4ef Preview
This text has a font color of #5ab4ef.
<span style="color:#5ab4ef;">Text here</span>
This paragraph has a background color of #5ab4ef.
<p style="background-color:#5ab4ef;">Content here</p>
This element has a border color of #5ab4ef.
<div style="border:1px solid #5ab4ef;">Content here</div>
.text {color:#5ab4ef;}
.background {background-color:#5ab4ef;}
.border {border:1px solid #5ab4ef;}
Shades and Tints of #5ab4ef
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, #01090e is the darkest color, while #fbfdff is the lightest one.
-
#01090e
#01090e
rgb(1,9,14)
-
#031420
#031420
rgb(3,20,32)
-
#052032
#052032
rgb(5,32,50)
-
#072b43
#072b43
rgb(7,43,67)
-
#083755
#083755
rgb(8,55,85)
-
#0a4267
#0a4267
rgb(10,66,103)
-
#0c4e79
#0c4e79
rgb(12,78,121)
-
#0d598b
#0d598b
rgb(13,89,139)
-
#0f659d
#0f659d
rgb(15,101,157)
-
#1170af
#1170af
rgb(17,112,175)
-
#137cc1
#137cc1
rgb(19,124,193)
-
#1487d3
#1487d3
rgb(20,135,211)
-
#1693e4
#1693e4
rgb(22,147,228)
-
#249cea
#249cea
rgb(36,156,234)
-
#36a4ec
#36a4ec
rgb(54,164,236)
-
#48aced
#48aced
rgb(72,172,237)
-
#5ab4ef
#5ab4ef
rgb(90,180,239)
-
#6cbcf1
#6cbcf1
rgb(108,188,241)
-
#7ec4f2
#7ec4f2
rgb(126,196,242)
-
#90ccf4
#90ccf4
rgb(144,204,244)
-
#a2d5f6
#a2d5f6
rgb(162,213,246)
-
#b3ddf8
#b3ddf8
rgb(179,221,248)
-
#c5e5f9
#c5e5f9
rgb(197,229,249)
-
#d7edfb
#d7edfb
rgb(215,237,251)
-
#e9f5fd
#e9f5fd
rgb(233,245,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #5ab4ef
A tone is produced by adding gray to any pure hue. In this case, #a0a6a9 is the less saturated color, while #4cb7fd is the most saturated one.
-
#a0a6a9
#a0a6a9
rgb(160,166,169)
-
#99a7b0
#99a7b0
rgb(153,167,176)
-
#92a8b7
#92a8b7
rgb(146,168,183)
-
#8baabe
#8baabe
rgb(139,170,190)
-
#84abc5
#84abc5
rgb(132,171,197)
-
#7dadcc
#7dadcc
rgb(125,173,204)
-
#76aed3
#76aed3
rgb(118,174,211)
-
#6fb0da
#6fb0da
rgb(111,176,218)
-
#68b1e1
#68b1e1
rgb(104,177,225)
-
#61b3e8
#61b3e8
rgb(97,179,232)
-
#5ab4ef
#5ab4ef
rgb(90,180,239)
-
#53b5f6
#53b5f6
rgb(83,181,246)
-
#4cb7fd
#4cb7fd
rgb(76,183,253)
Color Blindness Simulator
Below, you can see how #5ab4ef 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.