#5766ff Color Information
In a RGB color space, hex #5766ff is composed of 34.1% red, 40% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 60% magenta, 0% yellow and 0% black. It has a hue angle of 234.6 degrees, a saturation of 100% and a lightness of 67.1%. #5766ff color hex could be obtained by blending #aeccff with #0000ff. Closest websafe color is: #6666ff.
-
- R 34
- G 40
- B 100
-
- C 66
- M 60
- Y 0
- K 0
● #5766ff color description : Light blue.
#5766ff Color Conversion
The hexadecimal color #5766ff has RGB values of R:87, G:102, B:255 and CMYK values of C:0.66, M:0.6, Y:0, K:0. Its decimal value is 5727999.
Hex triplet | 5766ff | #5766ff |
---|---|---|
RGB Decimal | 87, 102, 255 | rgb(87,102,255) |
RGB Percent | 34.1, 40, 100 | rgb(34.1%,40%,100%) |
CMYK | 66, 60, 0, 0 | |
HSL | 234.6°, 100, 67.1 | hsl(234.6,100%,67.1%) |
HSV (or HSB) | 234.6°, 65.9, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 50.39, 41.411, -77.852 |
---|---|
XYZ | 26.728, 18.748, 96.812 |
xyY | 0.188, 0.132, 18.748 |
CIE-LCH | 50.39, 88.18, 298.01 |
CIE-LUV | 50.39, -12.557, -122.081 |
Hunter-Lab | 43.298, 34.416, -102.26 |
Binary | 01010111, 01100110, 11111111 |
Color Schemes with #5766ff
Alternatives to #5766ff
Below, you can see some colors close to #5766ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5766ff Preview
This text has a font color of #5766ff.
<span style="color:#5766ff;">Text here</span>
This paragraph has a background color of #5766ff.
<p style="background-color:#5766ff;">Content here</p>
This element has a border color of #5766ff.
<div style="border:1px solid #5766ff;">Content here</div>
.text {color:#5766ff;}
.background {background-color:#5766ff;}
.border {border:1px solid #5766ff;}
Shades and Tints of #5766ff
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 #f4f5ff is the lightest one.
-
#000109
#000109
rgb(0,1,9)
-
#00031c
#00031c
rgb(0,3,28)
-
#000430
#000430
rgb(0,4,48)
-
#000643
#000643
rgb(0,6,67)
-
#000857
#000857
rgb(0,8,87)
-
#000a6b
#000a6b
rgb(0,10,107)
-
#000b7e
#000b7e
rgb(0,11,126)
-
#000d92
#000d92
rgb(0,13,146)
-
#000fa5
#000fa5
rgb(0,15,165)
-
#0011b9
#0011b9
rgb(0,17,185)
-
#0012cd
#0012cd
rgb(0,18,205)
-
#0014e0
#0014e0
rgb(0,20,224)
-
#0016f4
#0016f4
rgb(0,22,244)
-
#091fff
#091fff
rgb(9,31,255)
-
#1c30ff
#1c30ff
rgb(28,48,255)
-
#3042ff
#3042ff
rgb(48,66,255)
-
#4354ff
#4354ff
rgb(67,84,255)
-
#5766ff
#5766ff
rgb(87,102,255)
-
#6b78ff
#6b78ff
rgb(107,120,255)
-
#7e8aff
#7e8aff
rgb(126,138,255)
-
#929cff
#929cff
rgb(146,156,255)
-
#a5adff
#a5adff
rgb(165,173,255)
-
#b9bfff
#b9bfff
rgb(185,191,255)
-
#cdd1ff
#cdd1ff
rgb(205,209,255)
-
#e0e3ff
#e0e3ff
rgb(224,227,255)
-
#f4f5ff
#f4f5ff
rgb(244,245,255)
Tones of #5766ff
A tone is produced by adding gray to any pure hue. In this case, #a5a6b1 is the less saturated color, while #5766ff is the most saturated one.
-
#a5a6b1
#a5a6b1
rgb(165,166,177)
-
#9ea0b8
#9ea0b8
rgb(158,160,184)
-
#989bbe
#989bbe
rgb(152,155,190)
-
#9196c5
#9196c5
rgb(145,150,197)
-
#8b90cb
#8b90cb
rgb(139,144,203)
-
#848bd2
#848bd2
rgb(132,139,210)
-
#7e86d8
#7e86d8
rgb(126,134,216)
-
#7781df
#7781df
rgb(119,129,223)
-
#717be5
#717be5
rgb(113,123,229)
-
#6a76ec
#6a76ec
rgb(106,118,236)
-
#6471f2
#6471f2
rgb(100,113,242)
-
#5d6bf9
#5d6bf9
rgb(93,107,249)
-
#5766ff
#5766ff
rgb(87,102,255)
Color Blindness Simulator
Below, you can see how #5766ff 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.