#5ab1e6 Color Information
In a RGB color space, hex #5ab1e6 is composed of 35.3% red, 69.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 23% magenta, 0% yellow and 9.8% black. It has a hue angle of 202.7 degrees, a saturation of 73.7% and a lightness of 62.7%. #5ab1e6 color hex could be obtained by blending #b4ffff with #0063cd. Closest websafe color is: #6699ff.
-
- R 35
- G 69
- B 90
-
- C 61
- M 23
- Y 0
- K 10
● #5ab1e6 color description : Soft blue.
#5ab1e6 Color Conversion
The hexadecimal color #5ab1e6 has RGB values of R:90, G:177, B:230 and CMYK values of C:0.61, M:0.23, Y:0, K:0.1. Its decimal value is 5943782.
Hex triplet | 5ab1e6 | #5ab1e6 |
---|---|---|
RGB Decimal | 90, 177, 230 | rgb(90,177,230) |
RGB Percent | 35.3, 69.4, 90.2 | rgb(35.3%,69.4%,90.2%) |
CMYK | 61, 23, 0, 10 | |
HSL | 202.7°, 73.7, 62.7 | hsl(202.7,73.7%,62.7%) |
HSV (or HSB) | 202.7°, 60.9, 90.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 68.989, -10.638, -34.423 |
---|---|
XYZ | 34.218, 39.329, 80.647 |
xyY | 0.222, 0.255, 39.329 |
CIE-LCH | 68.989, 36.029, 252.828 |
CIE-LUV | 68.989, -35.699, -53.497 |
Hunter-Lab | 62.713, -12.352, -32.346 |
Binary | 01011010, 10110001, 11100110 |
Color Schemes with #5ab1e6
Alternatives to #5ab1e6
Below, you can see some colors close to #5ab1e6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ab1e6 Preview
This text has a font color of #5ab1e6.
<span style="color:#5ab1e6;">Text here</span>
This paragraph has a background color of #5ab1e6.
<p style="background-color:#5ab1e6;">Content here</p>
This element has a border color of #5ab1e6.
<div style="border:1px solid #5ab1e6;">Content here</div>
.text {color:#5ab1e6;}
.background {background-color:#5ab1e6;}
.border {border:1px solid #5ab1e6;}
Shades and Tints of #5ab1e6
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)
-
#0b3249
#0b3249
rgb(11,50,73)
-
#0e3d5b
#0e3d5b
rgb(14,61,91)
-
#10496c
#10496c
rgb(16,73,108)
-
#13557d
#13557d
rgb(19,85,125)
-
#15608e
#15608e
rgb(21,96,142)
-
#186c9f
#186c9f
rgb(24,108,159)
-
#1b77b0
#1b77b0
rgb(27,119,176)
-
#1d83c1
#1d83c1
rgb(29,131,193)
-
#208ed2
#208ed2
rgb(32,142,210)
-
#2799de
#2799de
rgb(39,153,222)
-
#38a1e1
#38a1e1
rgb(56,161,225)
-
#49a9e3
#49a9e3
rgb(73,169,227)
-
#5ab1e6
#5ab1e6
rgb(90,177,230)
-
#6bb9e9
#6bb9e9
rgb(107,185,233)
-
#7cc1eb
#7cc1eb
rgb(124,193,235)
-
#8dc9ee
#8dc9ee
rgb(141,201,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 #5ab1e6
A tone is produced by adding gray to any pure hue. In this case, #9ca1a4 is the less saturated color, while #44b6fc is the most saturated one.
-
#9ca1a4
#9ca1a4
rgb(156,161,164)
-
#94a3ac
#94a3ac
rgb(148,163,172)
-
#8da5b3
#8da5b3
rgb(141,165,179)
-
#86a6ba
#86a6ba
rgb(134,166,186)
-
#7fa8c1
#7fa8c1
rgb(127,168,193)
-
#77aac9
#77aac9
rgb(119,170,201)
-
#70acd0
#70acd0
rgb(112,172,208)
-
#69add7
#69add7
rgb(105,173,215)
-
#61afdf
#61afdf
rgb(97,175,223)
-
#5ab1e6
#5ab1e6
rgb(90,177,230)
-
#53b3ed
#53b3ed
rgb(83,179,237)
-
#4bb5f5
#4bb5f5
rgb(75,181,245)
-
#44b6fc
#44b6fc
rgb(68,182,252)
Color Blindness Simulator
Below, you can see how #5ab1e6 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.