#5ab4fd Color Information
In a RGB color space, hex #5ab4fd is composed of 35.3% red, 70.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 28.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 206.9 degrees, a saturation of 97.6% and a lightness of 67.3%. #5ab4fd color hex could be obtained by blending #b4ffff with #0069fb. Closest websafe color is: #66ccff.
-
- R 35
- G 71
- B 99
-
- C 64
- M 29
- Y 0
- K 1
● #5ab4fd color description : Soft blue.
#5ab4fd Color Conversion
The hexadecimal color #5ab4fd has RGB values of R:90, G:180, B:253 and CMYK values of C:0.64, M:0.29, Y:0, K:0.01. Its decimal value is 5944573.
Hex triplet | 5ab4fd | #5ab4fd |
---|---|---|
RGB Decimal | 90, 180, 253 | rgb(90,180,253) |
RGB Percent | 35.3, 70.6, 99.2 | rgb(35.3%,70.6%,99.2%) |
CMYK | 64, 29, 0, 1 | |
HSL | 206.9°, 97.6, 67.3 | hsl(206.9,97.6%,67.3%) |
HSV (or HSB) | 206.9°, 64.4, 99.2 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.806, -4.971, -44.088 |
---|---|
XYZ | 38.263, 41.905, 98.995 |
xyY | 0.214, 0.234, 41.905 |
CIE-LCH | 70.806, 44.367, 263.566 |
CIE-LUV | 70.806, -35.938, -70.908 |
Hunter-Lab | 64.734, -7.777, -45.355 |
Binary | 01011010, 10110100, 11111101 |
Color Schemes with #5ab4fd
Alternatives to #5ab4fd
Below, you can see some colors close to #5ab4fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ab4fd Preview
This text has a font color of #5ab4fd.
<span style="color:#5ab4fd;">Text here</span>
This paragraph has a background color of #5ab4fd.
<p style="background-color:#5ab4fd;">Content here</p>
This element has a border color of #5ab4fd.
<div style="border:1px solid #5ab4fd;">Content here</div>
.text {color:#5ab4fd;}
.background {background-color:#5ab4fd;}
.border {border:1px solid #5ab4fd;}
Shades and Tints of #5ab4fd
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, #000509 is the darkest color, while #f5faff is the lightest one.
-
#000509
#000509
rgb(0,5,9)
-
#00101d
#00101d
rgb(0,16,29)
-
#011b30
#011b30
rgb(1,27,48)
-
#012644
#012644
rgb(1,38,68)
-
#013057
#013057
rgb(1,48,87)
-
#013b6a
#013b6a
rgb(1,59,106)
-
#02467e
#02467e
rgb(2,70,126)
-
#025191
#025191
rgb(2,81,145)
-
#025ca4
#025ca4
rgb(2,92,164)
-
#0267b8
#0267b8
rgb(2,103,184)
-
#0271cb
#0271cb
rgb(2,113,203)
-
#037cdf
#037cdf
rgb(3,124,223)
-
#0387f2
#0387f2
rgb(3,135,242)
-
#0c91fc
#0c91fc
rgb(12,145,252)
-
#209afc
#209afc
rgb(32,154,252)
-
#33a2fd
#33a2fd
rgb(51,162,253)
-
#47abfd
#47abfd
rgb(71,171,253)
-
#5ab4fd
#5ab4fd
rgb(90,180,253)
-
#6dbdfd
#6dbdfd
rgb(109,189,253)
-
#81c6fd
#81c6fd
rgb(129,198,253)
-
#94cefe
#94cefe
rgb(148,206,254)
-
#a8d7fe
#a8d7fe
rgb(168,215,254)
-
#bbe0fe
#bbe0fe
rgb(187,224,254)
-
#cee9fe
#cee9fe
rgb(206,233,254)
-
#e2f2ff
#e2f2ff
rgb(226,242,255)
-
#f5faff
#f5faff
rgb(245,250,255)
Tones of #5ab4fd
A tone is produced by adding gray to any pure hue. In this case, #a7acb0 is the less saturated color, while #5ab4fd is the most saturated one.
-
#a7acb0
#a7acb0
rgb(167,172,176)
-
#a1adb6
#a1adb6
rgb(161,173,182)
-
#9aadbd
#9aadbd
rgb(154,173,189)
-
#94aec3
#94aec3
rgb(148,174,195)
-
#8dafca
#8dafca
rgb(141,175,202)
-
#87afd0
#87afd0
rgb(135,175,208)
-
#81b0d6
#81b0d6
rgb(129,176,214)
-
#7ab1dd
#7ab1dd
rgb(122,177,221)
-
#74b1e3
#74b1e3
rgb(116,177,227)
-
#6db2ea
#6db2ea
rgb(109,178,234)
-
#67b3f0
#67b3f0
rgb(103,179,240)
-
#60b3f7
#60b3f7
rgb(96,179,247)
-
#5ab4fd
#5ab4fd
rgb(90,180,253)
Color Blindness Simulator
Below, you can see how #5ab4fd 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.