#5ab4dd Color Information
In a RGB color space, hex #5ab4dd is composed of 35.3% red, 70.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 18.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 198.8 degrees, a saturation of 65.8% and a lightness of 61%. #5ab4dd color hex could be obtained by blending #b4ffff with #0069bb. Closest websafe color is: #66cccc.
-
- R 35
- G 71
- B 87
-
- C 59
- M 19
- Y 0
- K 13
● #5ab4dd color description : Soft blue.
#5ab4dd Color Conversion
The hexadecimal color #5ab4dd has RGB values of R:90, G:180, B:221 and CMYK values of C:0.59, M:0.19, Y:0, K:0.13. Its decimal value is 5944541.
Hex triplet | 5ab4dd | #5ab4dd |
---|---|---|
RGB Decimal | 90, 180, 221 | rgb(90,180,221) |
RGB Percent | 35.3, 70.6, 86.7 | rgb(35.3%,70.6%,86.7%) |
CMYK | 59, 19, 0, 13 | |
HSL | 198.8°, 65.8, 61 | hsl(198.8,65.8%,61%) |
HSV (or HSB) | 198.8°, 59.3, 86.7 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 69.494, -15.02, -28.723 |
---|---|
XYZ | 33.586, 40.034, 74.36 |
xyY | 0.227, 0.271, 40.034 |
CIE-LCH | 69.494, 32.413, 242.393 |
CIE-LUV | 69.494, -37.143, -43.359 |
Hunter-Lab | 63.273, -15.978, -25.389 |
Binary | 01011010, 10110100, 11011101 |
Color Schemes with #5ab4dd
Alternatives to #5ab4dd
Below, you can see some colors close to #5ab4dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ab4dd Preview
This text has a font color of #5ab4dd.
<span style="color:#5ab4dd;">Text here</span>
This paragraph has a background color of #5ab4dd.
<p style="background-color:#5ab4dd;">Content here</p>
This element has a border color of #5ab4dd.
<div style="border:1px solid #5ab4dd;">Content here</div>
.text {color:#5ab4dd;}
.background {background-color:#5ab4dd;}
.border {border:1px solid #5ab4dd;}
Shades and Tints of #5ab4dd
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, #030a0e is the darkest color, while #fdfeff is the lightest one.
-
#030a0e
#030a0e
rgb(3,10,14)
-
#06171e
#06171e
rgb(6,23,30)
-
#0a232e
#0a232e
rgb(10,35,46)
-
#0d2f3f
#0d2f3f
rgb(13,47,63)
-
#103b4f
#103b4f
rgb(16,59,79)
-
#14485f
#14485f
rgb(20,72,95)
-
#17546f
#17546f
rgb(23,84,111)
-
#1a6080
#1a6080
rgb(26,96,128)
-
#1e6c90
#1e6c90
rgb(30,108,144)
-
#2178a0
#2178a0
rgb(33,120,160)
-
#2485b1
#2485b1
rgb(36,133,177)
-
#2891c1
#2891c1
rgb(40,145,193)
-
#2b9dd1
#2b9dd1
rgb(43,157,209)
-
#39a5d6
#39a5d6
rgb(57,165,214)
-
#4aadda
#4aadda
rgb(74,173,218)
-
#5ab4dd
#5ab4dd
rgb(90,180,221)
-
#6abbe0
#6abbe0
rgb(106,187,224)
-
#7bc3e4
#7bc3e4
rgb(123,195,228)
-
#8bcae7
#8bcae7
rgb(139,202,231)
-
#9bd2ea
#9bd2ea
rgb(155,210,234)
-
#abd9ee
#abd9ee
rgb(171,217,238)
-
#bce0f1
#bce0f1
rgb(188,224,241)
-
#cce8f4
#cce8f4
rgb(204,232,244)
-
#dceff8
#dceff8
rgb(220,239,248)
-
#ecf7fb
#ecf7fb
rgb(236,247,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #5ab4dd
A tone is produced by adding gray to any pure hue. In this case, #979da0 is the less saturated color, while #3bbffc is the most saturated one.
-
#979da0
#979da0
rgb(151,157,160)
-
#90a0a7
#90a0a7
rgb(144,160,167)
-
#88a3af
#88a3af
rgb(136,163,175)
-
#80a6b7
#80a6b7
rgb(128,166,183)
-
#79a9be
#79a9be
rgb(121,169,190)
-
#71abc6
#71abc6
rgb(113,171,198)
-
#69aece
#69aece
rgb(105,174,206)
-
#62b1d5
#62b1d5
rgb(98,177,213)
-
#5ab4dd
#5ab4dd
rgb(90,180,221)
-
#52b7e5
#52b7e5
rgb(82,183,229)
-
#4bbaec
#4bbaec
rgb(75,186,236)
-
#43bdf4
#43bdf4
rgb(67,189,244)
-
#3bbffc
#3bbffc
rgb(59,191,252)
Color Blindness Simulator
Below, you can see how #5ab4dd 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.