#5a7fd2 Color Information
In a RGB color space, hex #5a7fd2 is composed of 35.3% red, 49.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 39.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 221.5 degrees, a saturation of 57.1% and a lightness of 58.8%. #5a7fd2 color hex could be obtained by blending #b4feff with #0000a5. Closest websafe color is: #6666cc.
-
- R 35
- G 50
- B 82
-
- C 57
- M 40
- Y 0
- K 18
● #5a7fd2 color description : Moderate blue.
#5a7fd2 Color Conversion
The hexadecimal color #5a7fd2 has RGB values of R:90, G:127, B:210 and CMYK values of C:0.57, M:0.4, Y:0, K:0.18. Its decimal value is 5930962.
Hex triplet | 5a7fd2 | #5a7fd2 |
---|---|---|
RGB Decimal | 90, 127, 210 | rgb(90,127,210) |
RGB Percent | 35.3, 49.8, 82.4 | rgb(35.3%,49.8%,82.4%) |
CMYK | 57, 40, 0, 18 | |
HSL | 221.5°, 57.1, 58.8 | hsl(221.5,57.1%,58.8%) |
HSV (or HSB) | 221.5°, 57.1, 82.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 54.032, 11.675, -46.774 |
---|---|
XYZ | 23.436, 22.004, 63.981 |
xyY | 0.214, 0.201, 22.004 |
CIE-LCH | 54.032, 48.209, 284.015 |
CIE-LUV | 54.032, -18.243, -73.935 |
Hunter-Lab | 46.909, 7.09, -48.033 |
Binary | 01011010, 01111111, 11010010 |
Color Schemes with #5a7fd2
Alternatives to #5a7fd2
Below, you can see some colors close to #5a7fd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a7fd2 Preview
This text has a font color of #5a7fd2.
<span style="color:#5a7fd2;">Text here</span>
This paragraph has a background color of #5a7fd2.
<p style="background-color:#5a7fd2;">Content here</p>
This element has a border color of #5a7fd2.
<div style="border:1px solid #5a7fd2;">Content here</div>
.text {color:#5a7fd2;}
.background {background-color:#5a7fd2;}
.border {border:1px solid #5a7fd2;}
Shades and Tints of #5a7fd2
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, #010205 is the darkest color, while #f4f7fc is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#050a14
#050a14
rgb(5,10,20)
-
#0a1223
#0a1223
rgb(10,18,35)
-
#0e1933
#0e1933
rgb(14,25,51)
-
#122142
#122142
rgb(18,33,66)
-
#162952
#162952
rgb(22,41,82)
-
#1a3061
#1a3061
rgb(26,48,97)
-
#1f3870
#1f3870
rgb(31,56,112)
-
#234080
#234080
rgb(35,64,128)
-
#27478f
#27478f
rgb(39,71,143)
-
#2b4f9f
#2b4f9f
rgb(43,79,159)
-
#2f57ae
#2f57ae
rgb(47,87,174)
-
#345ebd
#345ebd
rgb(52,94,189)
-
#3b67ca
#3b67ca
rgb(59,103,202)
-
#4b73ce
#4b73ce
rgb(75,115,206)
-
#5a7fd2
#5a7fd2
rgb(90,127,210)
-
#698bd6
#698bd6
rgb(105,139,214)
-
#7997da
#7997da
rgb(121,151,218)
-
#88a3df
#88a3df
rgb(136,163,223)
-
#98afe3
#98afe3
rgb(152,175,227)
-
#a7bbe7
#a7bbe7
rgb(167,187,231)
-
#b6c7eb
#b6c7eb
rgb(182,199,235)
-
#c6d3ef
#c6d3ef
rgb(198,211,239)
-
#d5dff4
#d5dff4
rgb(213,223,244)
-
#e5ebf8
#e5ebf8
rgb(229,235,248)
-
#f4f7fc
#f4f7fc
rgb(244,247,252)
Tones of #5a7fd2
A tone is produced by adding gray to any pure hue. In this case, #939599 is the less saturated color, while #3270fa is the most saturated one.
-
#939599
#939599
rgb(147,149,153)
-
#8a92a2
#8a92a2
rgb(138,146,162)
-
#828eaa
#828eaa
rgb(130,142,170)
-
#7a8bb2
#7a8bb2
rgb(122,139,178)
-
#7288ba
#7288ba
rgb(114,136,186)
-
#6a85c2
#6a85c2
rgb(106,133,194)
-
#6282ca
#6282ca
rgb(98,130,202)
-
#5a7fd2
#5a7fd2
rgb(90,127,210)
-
#527cda
#527cda
rgb(82,124,218)
-
#4a79e2
#4a79e2
rgb(74,121,226)
-
#4276ea
#4276ea
rgb(66,118,234)
-
#3a73f2
#3a73f2
rgb(58,115,242)
-
#3270fa
#3270fa
rgb(50,112,250)
Color Blindness Simulator
Below, you can see how #5a7fd2 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.