#5ab7ff Color Information
In a RGB color space, hex #5ab7ff is composed of 35.3% red, 71.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 28.2% magenta, 0% yellow and 0% black. It has a hue angle of 206.2 degrees, a saturation of 100% and a lightness of 67.6%. #5ab7ff color hex could be obtained by blending #b4ffff with #006fff. Closest websafe color is: #66ccff.
-
- R 35
- G 72
- B 100
-
- C 65
- M 28
- Y 0
- K 0
● #5ab7ff color description : Light blue.
#5ab7ff Color Conversion
The hexadecimal color #5ab7ff has RGB values of R:90, G:183, B:255 and CMYK values of C:0.65, M:0.28, Y:0, K:0. Its decimal value is 5945343.
Hex triplet | 5ab7ff | #5ab7ff |
---|---|---|
RGB Decimal | 90, 183, 255 | rgb(90,183,255) |
RGB Percent | 35.3, 71.8, 100 | rgb(35.3%,71.8%,100%) |
CMYK | 65, 28, 0, 0 | |
HSL | 206.2°, 100, 67.6 | hsl(206.2,100%,67.6%) |
HSV (or HSB) | 206.2°, 64.7, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.73, -5.979, -43.721 |
---|---|
XYZ | 39.196, 43.258, 100.886 |
xyY | 0.214, 0.236, 43.258 |
CIE-LCH | 71.73, 44.128, 262.213 |
CIE-LUV | 71.73, -36.916, -70.281 |
Hunter-Lab | 65.771, -8.723, -44.906 |
Binary | 01011010, 10110111, 11111111 |
Color Schemes with #5ab7ff
Alternatives to #5ab7ff
Below, you can see some colors close to #5ab7ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ab7ff Preview
This text has a font color of #5ab7ff.
<span style="color:#5ab7ff;">Text here</span>
This paragraph has a background color of #5ab7ff.
<p style="background-color:#5ab7ff;">Content here</p>
This element has a border color of #5ab7ff.
<div style="border:1px solid #5ab7ff;">Content here</div>
.text {color:#5ab7ff;}
.background {background-color:#5ab7ff;}
.border {border:1px solid #5ab7ff;}
Shades and Tints of #5ab7ff
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, #00070c is the darkest color, while #f7fbff is the lightest one.
-
#00070c
#00070c
rgb(0,7,12)
-
#00121f
#00121f
rgb(0,18,31)
-
#001d33
#001d33
rgb(0,29,51)
-
#002846
#002846
rgb(0,40,70)
-
#00335a
#00335a
rgb(0,51,90)
-
#003e6e
#003e6e
rgb(0,62,110)
-
#004981
#004981
rgb(0,73,129)
-
#005495
#005495
rgb(0,84,149)
-
#005fa8
#005fa8
rgb(0,95,168)
-
#006abc
#006abc
rgb(0,106,188)
-
#0075d0
#0075d0
rgb(0,117,208)
-
#0080e3
#0080e3
rgb(0,128,227)
-
#008bf7
#008bf7
rgb(0,139,247)
-
#0c95ff
#0c95ff
rgb(12,149,255)
-
#1f9dff
#1f9dff
rgb(31,157,255)
-
#33a6ff
#33a6ff
rgb(51,166,255)
-
#46aeff
#46aeff
rgb(70,174,255)
-
#5ab7ff
#5ab7ff
rgb(90,183,255)
-
#6ec0ff
#6ec0ff
rgb(110,192,255)
-
#81c8ff
#81c8ff
rgb(129,200,255)
-
#95d1ff
#95d1ff
rgb(149,209,255)
-
#a8d9ff
#a8d9ff
rgb(168,217,255)
-
#bce2ff
#bce2ff
rgb(188,226,255)
-
#d0eaff
#d0eaff
rgb(208,234,255)
-
#e3f3ff
#e3f3ff
rgb(227,243,255)
-
#f7fbff
#f7fbff
rgb(247,251,255)
Tones of #5ab7ff
A tone is produced by adding gray to any pure hue. In this case, #a6adb3 is the less saturated color, while #5ab7ff is the most saturated one.
-
#a6adb3
#a6adb3
rgb(166,173,179)
-
#a0aeb9
#a0aeb9
rgb(160,174,185)
-
#99afc0
#99afc0
rgb(153,175,192)
-
#93b0c6
#93b0c6
rgb(147,176,198)
-
#8db1cc
#8db1cc
rgb(141,177,204)
-
#86b1d3
#86b1d3
rgb(134,177,211)
-
#80b2d9
#80b2d9
rgb(128,178,217)
-
#7ab3df
#7ab3df
rgb(122,179,223)
-
#73b4e6
#73b4e6
rgb(115,180,230)
-
#6db5ec
#6db5ec
rgb(109,181,236)
-
#67b5f2
#67b5f2
rgb(103,181,242)
-
#60b6f9
#60b6f9
rgb(96,182,249)
-
#5ab7ff
#5ab7ff
rgb(90,183,255)
Color Blindness Simulator
Below, you can see how #5ab7ff 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.