#5ab4de Color Information
In a RGB color space, hex #5ab4de is composed of 35.3% red, 70.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 18.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 199.1 degrees, a saturation of 66.7% and a lightness of 61.2%. #5ab4de color hex could be obtained by blending #b4ffff with #0069bd. Closest websafe color is: #66cccc.
-
- R 35
- G 71
- B 87
-
- C 59
- M 19
- Y 0
- K 13
● #5ab4de color description : Soft blue.
#5ab4de Color Conversion
The hexadecimal color #5ab4de has RGB values of R:90, G:180, B:222 and CMYK values of C:0.59, M:0.19, Y:0, K:0.13. Its decimal value is 5944542.
Hex triplet | 5ab4de | #5ab4de |
---|---|---|
RGB Decimal | 90, 180, 222 | rgb(90,180,222) |
RGB Percent | 35.3, 70.6, 87.1 | rgb(35.3%,70.6%,87.1%) |
CMYK | 59, 19, 0, 13 | |
HSL | 199.1°, 66.7, 61.2 | hsl(199.1,66.7%,61.2%) |
HSV (or HSB) | 199.1°, 59.5, 87.1 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 69.532, -14.716, -29.211 |
---|---|
XYZ | 33.719, 40.088, 75.064 |
xyY | 0.226, 0.269, 40.088 |
CIE-LCH | 69.532, 32.708, 243.262 |
CIE-LUV | 69.532, -37.104, -44.223 |
Hunter-Lab | 63.315, -15.738, -25.972 |
Binary | 01011010, 10110100, 11011110 |
Color Schemes with #5ab4de
Alternatives to #5ab4de
Below, you can see some colors close to #5ab4de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ab4de Preview
This text has a font color of #5ab4de.
<span style="color:#5ab4de;">Text here</span>
This paragraph has a background color of #5ab4de.
<p style="background-color:#5ab4de;">Content here</p>
This element has a border color of #5ab4de.
<div style="border:1px solid #5ab4de;">Content here</div>
.text {color:#5ab4de;}
.background {background-color:#5ab4de;}
.border {border:1px solid #5ab4de;}
Shades and Tints of #5ab4de
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, #030b0f is the darkest color, while #fdfeff is the lightest one.
-
#030b0f
#030b0f
rgb(3,11,15)
-
#06171f
#06171f
rgb(6,23,31)
-
#0a2330
#0a2330
rgb(10,35,48)
-
#0d3040
#0d3040
rgb(13,48,64)
-
#103c50
#103c50
rgb(16,60,80)
-
#134861
#134861
rgb(19,72,97)
-
#175471
#175471
rgb(23,84,113)
-
#1a6081
#1a6081
rgb(26,96,129)
-
#1d6d92
#1d6d92
rgb(29,109,146)
-
#2079a2
#2079a2
rgb(32,121,162)
-
#2485b2
#2485b2
rgb(36,133,178)
-
#2791c3
#2791c3
rgb(39,145,195)
-
#2a9dd3
#2a9dd3
rgb(42,157,211)
-
#39a5d7
#39a5d7
rgb(57,165,215)
-
#4aaddb
#4aaddb
rgb(74,173,219)
-
#5ab4de
#5ab4de
rgb(90,180,222)
-
#6abbe1
#6abbe1
rgb(106,187,225)
-
#7bc3e5
#7bc3e5
rgb(123,195,229)
-
#8bcae8
#8bcae8
rgb(139,202,232)
-
#9bd2eb
#9bd2eb
rgb(155,210,235)
-
#acd9ee
#acd9ee
rgb(172,217,238)
-
#bce1f2
#bce1f2
rgb(188,225,242)
-
#cce8f5
#cce8f5
rgb(204,232,245)
-
#ddeff8
#ddeff8
rgb(221,239,248)
-
#edf7fb
#edf7fb
rgb(237,247,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #5ab4de
A tone is produced by adding gray to any pure hue. In this case, #979ea1 is the less saturated color, while #3cbffc is the most saturated one.
-
#979ea1
#979ea1
rgb(151,158,161)
-
#8fa1a9
#8fa1a9
rgb(143,161,169)
-
#88a3b0
#88a3b0
rgb(136,163,176)
-
#80a6b8
#80a6b8
rgb(128,166,184)
-
#78a9c0
#78a9c0
rgb(120,169,192)
-
#71acc7
#71acc7
rgb(113,172,199)
-
#69aecf
#69aecf
rgb(105,174,207)
-
#62b1d6
#62b1d6
rgb(98,177,214)
-
#5ab4de
#5ab4de
rgb(90,180,222)
-
#52b7e6
#52b7e6
rgb(82,183,230)
-
#4bbaed
#4bbaed
rgb(75,186,237)
-
#43bcf5
#43bcf5
rgb(67,188,245)
-
#3cbffc
#3cbffc
rgb(60,191,252)
Color Blindness Simulator
Below, you can see how #5ab4de 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.