#5770ff Color Information
In a RGB color space, hex #5770ff is composed of 34.1% red, 43.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 56.1% magenta, 0% yellow and 0% black. It has a hue angle of 231.1 degrees, a saturation of 100% and a lightness of 67.1%. #5770ff color hex could be obtained by blending #aee0ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 34
- G 44
- B 100
-
- C 66
- M 56
- Y 0
- K 0
● #5770ff color description : Light blue.
#5770ff Color Conversion
The hexadecimal color #5770ff has RGB values of R:87, G:112, B:255 and CMYK values of C:0.66, M:0.56, Y:0, K:0. Its decimal value is 5730559.
Hex triplet | 5770ff | #5770ff |
---|---|---|
RGB Decimal | 87, 112, 255 | rgb(87,112,255) |
RGB Percent | 34.1, 43.9, 100 | rgb(34.1%,43.9%,100%) |
CMYK | 66, 56, 0, 0 | |
HSL | 231.1°, 100, 67.1 | hsl(231.1,100%,67.1%) |
HSV (or HSB) | 231.1°, 65.9, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.766, 35.377, -73.986 |
---|---|
XYZ | 27.771, 20.833, 97.16 |
xyY | 0.191, 0.143, 20.833 |
CIE-LCH | 52.766, 82.008, 295.555 |
CIE-LUV | 52.766, -15.094, -117.673 |
Hunter-Lab | 45.643, 28.73, -94.26 |
Binary | 01010111, 01110000, 11111111 |
Color Schemes with #5770ff
Alternatives to #5770ff
Below, you can see some colors close to #5770ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5770ff Preview
This text has a font color of #5770ff.
<span style="color:#5770ff;">Text here</span>
This paragraph has a background color of #5770ff.
<p style="background-color:#5770ff;">Content here</p>
This element has a border color of #5770ff.
<div style="border:1px solid #5770ff;">Content here</div>
.text {color:#5770ff;}
.background {background-color:#5770ff;}
.border {border:1px solid #5770ff;}
Shades and Tints of #5770ff
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, #000109 is the darkest color, while #f4f6ff is the lightest one.
-
#000109
#000109
rgb(0,1,9)
-
#00041c
#00041c
rgb(0,4,28)
-
#000730
#000730
rgb(0,7,48)
-
#000a43
#000a43
rgb(0,10,67)
-
#000d57
#000d57
rgb(0,13,87)
-
#00106b
#00106b
rgb(0,16,107)
-
#00137e
#00137e
rgb(0,19,126)
-
#001692
#001692
rgb(0,22,146)
-
#0019a5
#0019a5
rgb(0,25,165)
-
#001cb9
#001cb9
rgb(0,28,185)
-
#001ecd
#001ecd
rgb(0,30,205)
-
#0021e0
#0021e0
rgb(0,33,224)
-
#0024f4
#0024f4
rgb(0,36,244)
-
#092dff
#092dff
rgb(9,45,255)
-
#1c3eff
#1c3eff
rgb(28,62,255)
-
#304fff
#304fff
rgb(48,79,255)
-
#435fff
#435fff
rgb(67,95,255)
-
#5770ff
#5770ff
rgb(87,112,255)
-
#6b81ff
#6b81ff
rgb(107,129,255)
-
#7e91ff
#7e91ff
rgb(126,145,255)
-
#92a2ff
#92a2ff
rgb(146,162,255)
-
#a5b3ff
#a5b3ff
rgb(165,179,255)
-
#b9c3ff
#b9c3ff
rgb(185,195,255)
-
#cdd4ff
#cdd4ff
rgb(205,212,255)
-
#e0e5ff
#e0e5ff
rgb(224,229,255)
-
#f4f6ff
#f4f6ff
rgb(244,246,255)
Tones of #5770ff
A tone is produced by adding gray to any pure hue. In this case, #a5a6b1 is the less saturated color, while #5770ff is the most saturated one.
-
#a5a6b1
#a5a6b1
rgb(165,166,177)
-
#9ea2b8
#9ea2b8
rgb(158,162,184)
-
#989dbe
#989dbe
rgb(152,157,190)
-
#9199c5
#9199c5
rgb(145,153,197)
-
#8b94cb
#8b94cb
rgb(139,148,203)
-
#8490d2
#8490d2
rgb(132,144,210)
-
#7e8bd8
#7e8bd8
rgb(126,139,216)
-
#7787df
#7787df
rgb(119,135,223)
-
#7182e5
#7182e5
rgb(113,130,229)
-
#6a7eec
#6a7eec
rgb(106,126,236)
-
#6479f2
#6479f2
rgb(100,121,242)
-
#5d75f9
#5d75f9
rgb(93,117,249)
-
#5770ff
#5770ff
rgb(87,112,255)
Color Blindness Simulator
Below, you can see how #5770ff 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.