#5ab7f8 Color Information
In a RGB color space, hex #5ab7f8 is composed of 35.3% red, 71.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 26.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 204.7 degrees, a saturation of 91.9% and a lightness of 66.3%. #5ab7f8 color hex could be obtained by blending #b4ffff with #006ff1. Closest websafe color is: #66ccff.
-
- R 35
- G 72
- B 97
-
- C 64
- M 26
- Y 0
- K 3
● #5ab7f8 color description : Soft blue.
#5ab7f8 Color Conversion
The hexadecimal color #5ab7f8 has RGB values of R:90, G:183, B:248 and CMYK values of C:0.64, M:0.26, Y:0, K:0.03. Its decimal value is 5945336.
Hex triplet | 5ab7f8 | #5ab7f8 |
---|---|---|
RGB Decimal | 90, 183, 248 | rgb(90,183,248) |
RGB Percent | 35.3, 71.8, 97.3 | rgb(35.3%,71.8%,97.3%) |
CMYK | 64, 26, 0, 3 | |
HSL | 204.7°, 91.9, 66.3 | hsl(204.7,91.9%,66.3%) |
HSV (or HSB) | 204.7°, 63.7, 97.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.429, -8.221, -40.41 |
---|---|
XYZ | 38.089, 42.815, 95.059 |
xyY | 0.216, 0.243, 42.815 |
CIE-LCH | 71.429, 41.237, 258.501 |
CIE-LUV | 71.429, -37.179, -64.283 |
Hunter-Lab | 65.433, -10.602, -40.331 |
Binary | 01011010, 10110111, 11111000 |
Color Schemes with #5ab7f8
Alternatives to #5ab7f8
Below, you can see some colors close to #5ab7f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ab7f8 Preview
This text has a font color of #5ab7f8.
<span style="color:#5ab7f8;">Text here</span>
This paragraph has a background color of #5ab7f8.
<p style="background-color:#5ab7f8;">Content here</p>
This element has a border color of #5ab7f8.
<div style="border:1px solid #5ab7f8;">Content here</div>
.text {color:#5ab7f8;}
.background {background-color:#5ab7f8;}
.border {border:1px solid #5ab7f8;}
Shades and Tints of #5ab7f8
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, #000304 is the darkest color, while #f1f9fe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#010e17
#010e17
rgb(1,14,23)
-
#02192a
#02192a
rgb(2,25,42)
-
#03253d
#03253d
rgb(3,37,61)
-
#033050
#033050
rgb(3,48,80)
-
#043c62
#043c62
rgb(4,60,98)
-
#054775
#054775
rgb(5,71,117)
-
#065288
#065288
rgb(6,82,136)
-
#075e9b
#075e9b
rgb(7,94,155)
-
#0769ae
#0769ae
rgb(7,105,174)
-
#0875c1
#0875c1
rgb(8,117,193)
-
#0980d3
#0980d3
rgb(9,128,211)
-
#0a8be6
#0a8be6
rgb(10,139,230)
-
#0f96f5
#0f96f5
rgb(15,150,245)
-
#229ef6
#229ef6
rgb(34,158,246)
-
#34a7f6
#34a7f6
rgb(52,167,246)
-
#47aff7
#47aff7
rgb(71,175,247)
-
#5ab7f8
#5ab7f8
rgb(90,183,248)
-
#6dbff9
#6dbff9
rgb(109,191,249)
-
#80c7fa
#80c7fa
rgb(128,199,250)
-
#92d0fa
#92d0fa
rgb(146,208,250)
-
#a5d8fb
#a5d8fb
rgb(165,216,251)
-
#b8e0fc
#b8e0fc
rgb(184,224,252)
-
#cbe8fd
#cbe8fd
rgb(203,232,253)
-
#def0fe
#def0fe
rgb(222,240,254)
-
#f1f9fe
#f1f9fe
rgb(241,249,254)
Tones of #5ab7f8
A tone is produced by adding gray to any pure hue. In this case, #a3aaaf is the less saturated color, while #53b8ff is the most saturated one.
-
#a3aaaf
#a3aaaf
rgb(163,170,175)
-
#9cabb6
#9cabb6
rgb(156,171,182)
-
#96acbc
#96acbc
rgb(150,172,188)
-
#8faec3
#8faec3
rgb(143,174,195)
-
#88afca
#88afca
rgb(136,175,202)
-
#82b0d0
#82b0d0
rgb(130,176,208)
-
#7bb1d7
#7bb1d7
rgb(123,177,215)
-
#74b2de
#74b2de
rgb(116,178,222)
-
#6eb3e4
#6eb3e4
rgb(110,179,228)
-
#67b5eb
#67b5eb
rgb(103,181,235)
-
#61b6f1
#61b6f1
rgb(97,182,241)
-
#5ab7f8
#5ab7f8
rgb(90,183,248)
-
#53b8ff
#53b8ff
rgb(83,184,255)
Color Blindness Simulator
Below, you can see how #5ab7f8 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.