#5a7bff Color Information
In a RGB color space, hex #5a7bff is composed of 35.3% red, 48.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 51.8% magenta, 0% yellow and 0% black. It has a hue angle of 228 degrees, a saturation of 100% and a lightness of 67.6%. #5a7bff color hex could be obtained by blending #b4f6ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 35
- G 48
- B 100
-
- C 65
- M 52
- Y 0
- K 0
● #5a7bff color description : Light blue.
#5a7bff Color Conversion
The hexadecimal color #5a7bff has RGB values of R:90, G:123, B:255 and CMYK values of C:0.65, M:0.52, Y:0, K:0. Its decimal value is 5929983.
Hex triplet | 5a7bff | #5a7bff |
---|---|---|
RGB Decimal | 90, 123, 255 | rgb(90,123,255) |
RGB Percent | 35.3, 48.2, 100 | rgb(35.3%,48.2%,100%) |
CMYK | 65, 52, 0, 0 | |
HSL | 228°, 100, 67.6 | hsl(228,100%,67.6%) |
HSV (or HSB) | 228°, 64.7, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.642, 29.136, -69.319 |
---|---|
XYZ | 29.346, 23.558, 97.603 |
xyY | 0.195, 0.157, 23.558 |
CIE-LCH | 55.642, 75.193, 292.798 |
CIE-LUV | 55.642, -17.414, -111.739 |
Hunter-Lab | 48.536, 22.984, -85.252 |
Binary | 01011010, 01111011, 11111111 |
Color Schemes with #5a7bff
Alternatives to #5a7bff
Below, you can see some colors close to #5a7bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a7bff Preview
This text has a font color of #5a7bff.
<span style="color:#5a7bff;">Text here</span>
This paragraph has a background color of #5a7bff.
<p style="background-color:#5a7bff;">Content here</p>
This element has a border color of #5a7bff.
<div style="border:1px solid #5a7bff;">Content here</div>
.text {color:#5a7bff;}
.background {background-color:#5a7bff;}
.border {border:1px solid #5a7bff;}
Shades and Tints of #5a7bff
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, #00020c is the darkest color, while #f7f9ff is the lightest one.
-
#00020c
#00020c
rgb(0,2,12)
-
#00061f
#00061f
rgb(0,6,31)
-
#000a33
#000a33
rgb(0,10,51)
-
#000e46
#000e46
rgb(0,14,70)
-
#00125a
#00125a
rgb(0,18,90)
-
#00166e
#00166e
rgb(0,22,110)
-
#001a81
#001a81
rgb(0,26,129)
-
#001e95
#001e95
rgb(0,30,149)
-
#0022a8
#0022a8
rgb(0,34,168)
-
#0026bc
#0026bc
rgb(0,38,188)
-
#002ad0
#002ad0
rgb(0,42,208)
-
#002de3
#002de3
rgb(0,45,227)
-
#0031f7
#0031f7
rgb(0,49,247)
-
#0c3cff
#0c3cff
rgb(12,60,255)
-
#1f4cff
#1f4cff
rgb(31,76,255)
-
#335cff
#335cff
rgb(51,92,255)
-
#466bff
#466bff
rgb(70,107,255)
-
#5a7bff
#5a7bff
rgb(90,123,255)
-
#6e8bff
#6e8bff
rgb(110,139,255)
-
#819aff
#819aff
rgb(129,154,255)
-
#95aaff
#95aaff
rgb(149,170,255)
-
#a8baff
#a8baff
rgb(168,186,255)
-
#bcc9ff
#bcc9ff
rgb(188,201,255)
-
#d0d9ff
#d0d9ff
rgb(208,217,255)
-
#e3e9ff
#e3e9ff
rgb(227,233,255)
-
#f7f9ff
#f7f9ff
rgb(247,249,255)
Tones of #5a7bff
A tone is produced by adding gray to any pure hue. In this case, #a6a9b3 is the less saturated color, while #5a7bff is the most saturated one.
-
#a6a9b3
#a6a9b3
rgb(166,169,179)
-
#a0a5b9
#a0a5b9
rgb(160,165,185)
-
#99a1c0
#99a1c0
rgb(153,161,192)
-
#939dc6
#939dc6
rgb(147,157,198)
-
#8d99cc
#8d99cc
rgb(141,153,204)
-
#8696d3
#8696d3
rgb(134,150,211)
-
#8092d9
#8092d9
rgb(128,146,217)
-
#7a8edf
#7a8edf
rgb(122,142,223)
-
#738ae6
#738ae6
rgb(115,138,230)
-
#6d86ec
#6d86ec
rgb(109,134,236)
-
#6783f2
#6783f2
rgb(103,131,242)
-
#607ff9
#607ff9
rgb(96,127,249)
-
#5a7bff
#5a7bff
rgb(90,123,255)
Color Blindness Simulator
Below, you can see how #5a7bff 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.