#5ab0e6 Color Information
In a RGB color space, hex #5ab0e6 is composed of 35.3% red, 69% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 23.5% magenta, 0% yellow and 9.8% black. It has a hue angle of 203.1 degrees, a saturation of 73.7% and a lightness of 62.7%. #5ab0e6 color hex could be obtained by blending #b4ffff with #0061cd. Closest websafe color is: #6699ff.
-
- R 35
- G 69
- B 90
-
- C 61
- M 23
- Y 0
- K 10
● #5ab0e6 color description : Soft blue.
#5ab0e6 Color Conversion
The hexadecimal color #5ab0e6 has RGB values of R:90, G:176, B:230 and CMYK values of C:0.61, M:0.23, Y:0, K:0.1. Its decimal value is 5943526.
Hex triplet | 5ab0e6 | #5ab0e6 |
---|---|---|
RGB Decimal | 90, 176, 230 | rgb(90,176,230) |
RGB Percent | 35.3, 69, 90.2 | rgb(35.3%,69%,90.2%) |
CMYK | 61, 23, 0, 10 | |
HSL | 203.1°, 73.7, 62.7 | hsl(203.1,73.7%,62.7%) |
HSV (or HSB) | 203.1°, 60.9, 90.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 68.704, -10.095, -34.865 |
---|---|
XYZ | 34.021, 38.935, 80.581 |
xyY | 0.222, 0.254, 38.935 |
CIE-LCH | 68.704, 36.297, 253.852 |
CIE-LUV | 68.704, -35.336, -54.283 |
Hunter-Lab | 62.398, -11.873, -32.889 |
Binary | 01011010, 10110000, 11100110 |
Color Schemes with #5ab0e6
Alternatives to #5ab0e6
Below, you can see some colors close to #5ab0e6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ab0e6 Preview
This text has a font color of #5ab0e6.
<span style="color:#5ab0e6;">Text here</span>
This paragraph has a background color of #5ab0e6.
<p style="background-color:#5ab0e6;">Content here</p>
This element has a border color of #5ab0e6.
<div style="border:1px solid #5ab0e6;">Content here</div>
.text {color:#5ab0e6;}
.background {background-color:#5ab0e6;}
.border {border:1px solid #5ab0e6;}
Shades and Tints of #5ab0e6
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, #010405 is the darkest color, while #f3f9fd is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#030f16
#030f16
rgb(3,15,22)
-
#061b27
#061b27
rgb(6,27,39)
-
#092638
#092638
rgb(9,38,56)
-
#0b3149
#0b3149
rgb(11,49,73)
-
#0e3d5b
#0e3d5b
rgb(14,61,91)
-
#10486c
#10486c
rgb(16,72,108)
-
#13547d
#13547d
rgb(19,84,125)
-
#155f8e
#155f8e
rgb(21,95,142)
-
#186b9f
#186b9f
rgb(24,107,159)
-
#1b76b0
#1b76b0
rgb(27,118,176)
-
#1d82c1
#1d82c1
rgb(29,130,193)
-
#208dd2
#208dd2
rgb(32,141,210)
-
#2798de
#2798de
rgb(39,152,222)
-
#38a0e1
#38a0e1
rgb(56,160,225)
-
#49a8e3
#49a8e3
rgb(73,168,227)
-
#5ab0e6
#5ab0e6
rgb(90,176,230)
-
#6bb8e9
#6bb8e9
rgb(107,184,233)
-
#7cc0eb
#7cc0eb
rgb(124,192,235)
-
#8dc8ee
#8dc8ee
rgb(141,200,238)
-
#9ed1f0
#9ed1f0
rgb(158,209,240)
-
#afd9f3
#afd9f3
rgb(175,217,243)
-
#c0e1f5
#c0e1f5
rgb(192,225,245)
-
#d1e9f8
#d1e9f8
rgb(209,233,248)
-
#e2f1fb
#e2f1fb
rgb(226,241,251)
-
#f3f9fd
#f3f9fd
rgb(243,249,253)
Tones of #5ab0e6
A tone is produced by adding gray to any pure hue. In this case, #9ca1a4 is the less saturated color, while #44b5fc is the most saturated one.
-
#9ca1a4
#9ca1a4
rgb(156,161,164)
-
#94a3ac
#94a3ac
rgb(148,163,172)
-
#8da4b3
#8da4b3
rgb(141,164,179)
-
#86a6ba
#86a6ba
rgb(134,166,186)
-
#7fa8c1
#7fa8c1
rgb(127,168,193)
-
#77a9c9
#77a9c9
rgb(119,169,201)
-
#70abd0
#70abd0
rgb(112,171,208)
-
#69add7
#69add7
rgb(105,173,215)
-
#61aedf
#61aedf
rgb(97,174,223)
-
#5ab0e6
#5ab0e6
rgb(90,176,230)
-
#53b2ed
#53b2ed
rgb(83,178,237)
-
#4bb3f5
#4bb3f5
rgb(75,179,245)
-
#44b5fc
#44b5fc
rgb(68,181,252)
Color Blindness Simulator
Below, you can see how #5ab0e6 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.