#5a87ff Color Information
In a RGB color space, hex #5a87ff is composed of 35.3% red, 52.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 47.1% magenta, 0% yellow and 0% black. It has a hue angle of 223.6 degrees, a saturation of 100% and a lightness of 67.6%. #5a87ff color hex could be obtained by blending #b4ffff with #000fff. Closest websafe color is: #6699ff.
-
- R 35
- G 53
- B 100
-
- C 65
- M 47
- Y 0
- K 0
● #5a87ff color description : Light blue.
#5a87ff Color Conversion
The hexadecimal color #5a87ff has RGB values of R:90, G:135, B:255 and CMYK values of C:0.65, M:0.47, Y:0, K:0. Its decimal value is 5933055.
Hex triplet | 5a87ff | #5a87ff |
---|---|---|
RGB Decimal | 90, 135, 255 | rgb(90,135,255) |
RGB Percent | 35.3, 52.9, 100 | rgb(35.3%,52.9%,100%) |
CMYK | 65, 47, 0, 0 | |
HSL | 223.6°, 100, 67.6 | hsl(223.6,100%,67.6%) |
HSV (or HSB) | 223.6°, 64.7, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.714, 21.859, -64.369 |
---|---|
XYZ | 30.927, 26.72, 98.13 |
xyY | 0.199, 0.172, 26.72 |
CIE-LCH | 58.714, 67.98, 288.757 |
CIE-LUV | 58.714, -20.969, -104.685 |
Hunter-Lab | 51.691, 16.336, -76.372 |
Binary | 01011010, 10000111, 11111111 |
Color Schemes with #5a87ff
Alternatives to #5a87ff
Below, you can see some colors close to #5a87ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a87ff Preview
This text has a font color of #5a87ff.
<span style="color:#5a87ff;">Text here</span>
This paragraph has a background color of #5a87ff.
<p style="background-color:#5a87ff;">Content here</p>
This element has a border color of #5a87ff.
<div style="border:1px solid #5a87ff;">Content here</div>
.text {color:#5a87ff;}
.background {background-color:#5a87ff;}
.border {border:1px solid #5a87ff;}
Shades and Tints of #5a87ff
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, #00030c is the darkest color, while #f7f9ff is the lightest one.
-
#00030c
#00030c
rgb(0,3,12)
-
#00081f
#00081f
rgb(0,8,31)
-
#000e33
#000e33
rgb(0,14,51)
-
#001346
#001346
rgb(0,19,70)
-
#00195a
#00195a
rgb(0,25,90)
-
#001e6e
#001e6e
rgb(0,30,110)
-
#002381
#002381
rgb(0,35,129)
-
#002995
#002995
rgb(0,41,149)
-
#002ea8
#002ea8
rgb(0,46,168)
-
#0033bc
#0033bc
rgb(0,51,188)
-
#0039d0
#0039d0
rgb(0,57,208)
-
#003ee3
#003ee3
rgb(0,62,227)
-
#0043f7
#0043f7
rgb(0,67,247)
-
#0c4eff
#0c4eff
rgb(12,78,255)
-
#1f5cff
#1f5cff
rgb(31,92,255)
-
#336aff
#336aff
rgb(51,106,255)
-
#4679ff
#4679ff
rgb(70,121,255)
-
#5a87ff
#5a87ff
rgb(90,135,255)
-
#6e95ff
#6e95ff
rgb(110,149,255)
-
#81a4ff
#81a4ff
rgb(129,164,255)
-
#95b2ff
#95b2ff
rgb(149,178,255)
-
#a8c0ff
#a8c0ff
rgb(168,192,255)
-
#bcceff
#bcceff
rgb(188,206,255)
-
#d0ddff
#d0ddff
rgb(208,221,255)
-
#e3ebff
#e3ebff
rgb(227,235,255)
-
#f7f9ff
#f7f9ff
rgb(247,249,255)
Tones of #5a87ff
A tone is produced by adding gray to any pure hue. In this case, #a6aab3 is the less saturated color, while #5a87ff is the most saturated one.
-
#a6aab3
#a6aab3
rgb(166,170,179)
-
#a0a7b9
#a0a7b9
rgb(160,167,185)
-
#99a4c0
#99a4c0
rgb(153,164,192)
-
#93a1c6
#93a1c6
rgb(147,161,198)
-
#8d9ecc
#8d9ecc
rgb(141,158,204)
-
#869bd3
#869bd3
rgb(134,155,211)
-
#8098d9
#8098d9
rgb(128,152,217)
-
#7a95df
#7a95df
rgb(122,149,223)
-
#7393e6
#7393e6
rgb(115,147,230)
-
#6d90ec
#6d90ec
rgb(109,144,236)
-
#678df2
#678df2
rgb(103,141,242)
-
#608af9
#608af9
rgb(96,138,249)
-
#5a87ff
#5a87ff
rgb(90,135,255)
Color Blindness Simulator
Below, you can see how #5a87ff 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.