#5a7afd Color Information
In a RGB color space, hex #5a7afd is composed of 35.3% red, 47.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 51.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 228.2 degrees, a saturation of 97.6% and a lightness of 67.3%. #5a7afd color hex could be obtained by blending #b4f4ff with #0000fb. Closest websafe color is: #6666ff.
-
- R 35
- G 48
- B 99
-
- C 64
- M 52
- Y 0
- K 1
● #5a7afd color description : Soft blue.
#5a7afd Color Conversion
The hexadecimal color #5a7afd has RGB values of R:90, G:122, B:253 and CMYK values of C:0.64, M:0.52, Y:0, K:0.01. Its decimal value is 5929725.
Hex triplet | 5a7afd | #5a7afd |
---|---|---|
RGB Decimal | 90, 122, 253 | rgb(90,122,253) |
RGB Percent | 35.3, 47.8, 99.2 | rgb(35.3%,47.8%,99.2%) |
CMYK | 64, 52, 0, 1 | |
HSL | 228.2°, 97.6, 67.3 | hsl(228.2,97.6%,67.3%) |
HSV (or HSB) | 228.2°, 64.4, 99.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.26, 29.071, -68.833 |
---|---|
XYZ | 28.902, 23.183, 95.875 |
xyY | 0.195, 0.157, 23.183 |
CIE-LCH | 55.26, 74.72, 292.896 |
CIE-LUV | 55.26, -17.099, -110.802 |
Hunter-Lab | 48.149, 22.887, -84.356 |
Binary | 01011010, 01111010, 11111101 |
Color Schemes with #5a7afd
Alternatives to #5a7afd
Below, you can see some colors close to #5a7afd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a7afd Preview
This text has a font color of #5a7afd.
<span style="color:#5a7afd;">Text here</span>
This paragraph has a background color of #5a7afd.
<p style="background-color:#5a7afd;">Content here</p>
This element has a border color of #5a7afd.
<div style="border:1px solid #5a7afd;">Content here</div>
.text {color:#5a7afd;}
.background {background-color:#5a7afd;}
.border {border:1px solid #5a7afd;}
Shades and Tints of #5a7afd
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, #000209 is the darkest color, while #f5f7ff is the lightest one.
-
#000209
#000209
rgb(0,2,9)
-
#00061d
#00061d
rgb(0,6,29)
-
#010a30
#010a30
rgb(1,10,48)
-
#010e44
#010e44
rgb(1,14,68)
-
#011257
#011257
rgb(1,18,87)
-
#01166a
#01166a
rgb(1,22,106)
-
#021a7e
#021a7e
rgb(2,26,126)
-
#021e91
#021e91
rgb(2,30,145)
-
#0222a4
#0222a4
rgb(2,34,164)
-
#0226b8
#0226b8
rgb(2,38,184)
-
#022acb
#022acb
rgb(2,42,203)
-
#032edf
#032edf
rgb(3,46,223)
-
#0332f2
#0332f2
rgb(3,50,242)
-
#0c3cfc
#0c3cfc
rgb(12,60,252)
-
#204bfc
#204bfc
rgb(32,75,252)
-
#335bfd
#335bfd
rgb(51,91,253)
-
#476afd
#476afd
rgb(71,106,253)
-
#5a7afd
#5a7afd
rgb(90,122,253)
-
#6d8afd
#6d8afd
rgb(109,138,253)
-
#8199fd
#8199fd
rgb(129,153,253)
-
#94a9fe
#94a9fe
rgb(148,169,254)
-
#a8b8fe
#a8b8fe
rgb(168,184,254)
-
#bbc8fe
#bbc8fe
rgb(187,200,254)
-
#ced8fe
#ced8fe
rgb(206,216,254)
-
#e2e7ff
#e2e7ff
rgb(226,231,255)
-
#f5f7ff
#f5f7ff
rgb(245,247,255)
Tones of #5a7afd
A tone is produced by adding gray to any pure hue. In this case, #a7a9b0 is the less saturated color, while #5a7afd is the most saturated one.
-
#a7a9b0
#a7a9b0
rgb(167,169,176)
-
#a1a5b6
#a1a5b6
rgb(161,165,182)
-
#9aa1bd
#9aa1bd
rgb(154,161,189)
-
#949dc3
#949dc3
rgb(148,157,195)
-
#8d99ca
#8d99ca
rgb(141,153,202)
-
#8795d0
#8795d0
rgb(135,149,208)
-
#8191d6
#8191d6
rgb(129,145,214)
-
#7a8edd
#7a8edd
rgb(122,142,221)
-
#748ae3
#748ae3
rgb(116,138,227)
-
#6d86ea
#6d86ea
rgb(109,134,234)
-
#6782f0
#6782f0
rgb(103,130,240)
-
#607ef7
#607ef7
rgb(96,126,247)
-
#5a7afd
#5a7afd
rgb(90,122,253)
Color Blindness Simulator
Below, you can see how #5a7afd 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.