#5ab4d6 Color Information
In a RGB color space, hex #5ab4d6 is composed of 35.3% red, 70.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 15.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 196.5 degrees, a saturation of 60.2% and a lightness of 59.6%. #5ab4d6 color hex could be obtained by blending #b4ffff with #0069ad. Closest websafe color is: #66cccc.
-
- R 35
- G 71
- B 84
-
- C 58
- M 16
- Y 0
- K 16
● #5ab4d6 color description : Moderate blue.
#5ab4d6 Color Conversion
The hexadecimal color #5ab4d6 has RGB values of R:90, G:180, B:214 and CMYK values of C:0.58, M:0.16, Y:0, K:0.16. Its decimal value is 5944534.
Hex triplet | 5ab4d6 | #5ab4d6 |
---|---|---|
RGB Decimal | 90, 180, 214 | rgb(90,180,214) |
RGB Percent | 35.3, 70.6, 83.9 | rgb(35.3%,70.6%,83.9%) |
CMYK | 58, 16, 0, 16 | |
HSL | 196.5°, 60.2, 59.6 | hsl(196.5,60.2%,59.6%) |
HSV (or HSB) | 196.5°, 57.9, 83.9 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 69.233, -17.13, -25.29 |
---|---|
XYZ | 32.672, 39.669, 69.55 |
xyY | 0.23, 0.28, 39.669 |
CIE-LCH | 69.233, 30.545, 235.888 |
CIE-LUV | 69.233, -37.423, -37.315 |
Hunter-Lab | 62.983, -17.625, -21.383 |
Binary | 01011010, 10110100, 11010110 |
Color Schemes with #5ab4d6
Alternatives to #5ab4d6
Below, you can see some colors close to #5ab4d6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ab4d6 Preview
This text has a font color of #5ab4d6.
<span style="color:#5ab4d6;">Text here</span>
This paragraph has a background color of #5ab4d6.
<p style="background-color:#5ab4d6;">Content here</p>
This element has a border color of #5ab4d6.
<div style="border:1px solid #5ab4d6;">Content here</div>
.text {color:#5ab4d6;}
.background {background-color:#5ab4d6;}
.border {border:1px solid #5ab4d6;}
Shades and Tints of #5ab4d6
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, #020608 is the darkest color, while #f7fbfd is the lightest one.
-
#020608
#020608
rgb(2,6,8)
-
#061318
#061318
rgb(6,19,24)
-
#0a1f27
#0a1f27
rgb(10,31,39)
-
#0e2c37
#0e2c37
rgb(14,44,55)
-
#123847
#123847
rgb(18,56,71)
-
#154556
#154556
rgb(21,69,86)
-
#195166
#195166
rgb(25,81,102)
-
#1d5e76
#1d5e76
rgb(29,94,118)
-
#216a86
#216a86
rgb(33,106,134)
-
#257695
#257695
rgb(37,118,149)
-
#2983a5
#2983a5
rgb(41,131,165)
-
#2d8fb5
#2d8fb5
rgb(45,143,181)
-
#319cc4
#319cc4
rgb(49,156,196)
-
#3ba6ce
#3ba6ce
rgb(59,166,206)
-
#4aadd2
#4aadd2
rgb(74,173,210)
-
#5ab4d6
#5ab4d6
rgb(90,180,214)
-
#6abbda
#6abbda
rgb(106,187,218)
-
#79c2de
#79c2de
rgb(121,194,222)
-
#89c9e2
#89c9e2
rgb(137,201,226)
-
#99d1e6
#99d1e6
rgb(153,209,230)
-
#a9d8ea
#a9d8ea
rgb(169,216,234)
-
#b8dfed
#b8dfed
rgb(184,223,237)
-
#c8e6f1
#c8e6f1
rgb(200,230,241)
-
#d8edf5
#d8edf5
rgb(216,237,245)
-
#e7f4f9
#e7f4f9
rgb(231,244,249)
-
#f7fbfd
#f7fbfd
rgb(247,251,253)
Tones of #5ab4d6
A tone is produced by adding gray to any pure hue. In this case, #919b9f is the less saturated color, while #32c6fe is the most saturated one.
-
#919b9f
#919b9f
rgb(145,155,159)
-
#8a9fa6
#8a9fa6
rgb(138,159,166)
-
#82a2ae
#82a2ae
rgb(130,162,174)
-
#7aa6b6
#7aa6b6
rgb(122,166,182)
-
#72a9be
#72a9be
rgb(114,169,190)
-
#6aadc6
#6aadc6
rgb(106,173,198)
-
#62b0ce
#62b0ce
rgb(98,176,206)
-
#5ab4d6
#5ab4d6
rgb(90,180,214)
-
#52b8de
#52b8de
rgb(82,184,222)
-
#4abbe6
#4abbe6
rgb(74,187,230)
-
#42bfee
#42bfee
rgb(66,191,238)
-
#3ac2f6
#3ac2f6
rgb(58,194,246)
-
#32c6fe
#32c6fe
rgb(50,198,254)
Color Blindness Simulator
Below, you can see how #5ab4d6 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.