#5657ff Color Information
In a RGB color space, hex #5657ff is composed of 33.7% red, 34.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 65.9% magenta, 0% yellow and 0% black. It has a hue angle of 239.6 degrees, a saturation of 100% and a lightness of 66.9%. #5657ff color hex could be obtained by blending #acaeff with #0000ff. Closest websafe color is: #6666ff.
-
- R 34
- G 34
- B 100
-
- C 66
- M 66
- Y 0
- K 0
● #5657ff color description : Light blue.
#5657ff Color Conversion
The hexadecimal color #5657ff has RGB values of R:86, G:87, B:255 and CMYK values of C:0.66, M:0.66, Y:0, K:0. Its decimal value is 5658623.
Hex triplet | 5657ff | #5657ff |
---|---|---|
RGB Decimal | 86, 87, 255 | rgb(86,87,255) |
RGB Percent | 33.7, 34.1, 100 | rgb(33.7%,34.1%,100%) |
CMYK | 66, 66, 0, 0 | |
HSL | 239.6°, 100, 66.9 | hsl(239.6,100%,66.9%) |
HSV (or HSB) | 239.6°, 66.3, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.992, 50.085, -83.411 |
---|---|
XYZ | 25.292, 16.014, 96.36 |
xyY | 0.184, 0.116, 16.014 |
CIE-LCH | 46.992, 97.293, 300.983 |
CIE-LUV | 46.992, -9.416, -127.347 |
Hunter-Lab | 40.017, 42.79, -114.758 |
Binary | 01010110, 01010111, 11111111 |
Color Schemes with #5657ff
Alternatives to #5657ff
Below, you can see some colors close to #5657ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5657ff Preview
This text has a font color of #5657ff.
<span style="color:#5657ff;">Text here</span>
This paragraph has a background color of #5657ff.
<p style="background-color:#5657ff;">Content here</p>
This element has a border color of #5657ff.
<div style="border:1px solid #5657ff;">Content here</div>
.text {color:#5657ff;}
.background {background-color:#5657ff;}
.border {border:1px solid #5657ff;}
Shades and Tints of #5657ff
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, #000008 is the darkest color, while #f3f3ff is the lightest one.
-
#000008
#000008
rgb(0,0,8)
-
#00001b
#00001b
rgb(0,0,27)
-
#00002f
#00002f
rgb(0,0,47)
-
#000042
#000042
rgb(0,0,66)
-
#000156
#000156
rgb(0,1,86)
-
#00016a
#00016a
rgb(0,1,106)
-
#00017d
#00017d
rgb(0,1,125)
-
#000191
#000191
rgb(0,1,145)
-
#0001a4
#0001a4
rgb(0,1,164)
-
#0001b8
#0001b8
rgb(0,1,184)
-
#0001cc
#0001cc
rgb(0,1,204)
-
#0001df
#0001df
rgb(0,1,223)
-
#0001f3
#0001f3
rgb(0,1,243)
-
#0809ff
#0809ff
rgb(8,9,255)
-
#1b1dff
#1b1dff
rgb(27,29,255)
-
#2f30ff
#2f30ff
rgb(47,48,255)
-
#4244ff
#4244ff
rgb(66,68,255)
-
#5657ff
#5657ff
rgb(86,87,255)
-
#6a6aff
#6a6aff
rgb(106,106,255)
-
#7d7eff
#7d7eff
rgb(125,126,255)
-
#9191ff
#9191ff
rgb(145,145,255)
-
#a4a5ff
#a4a5ff
rgb(164,165,255)
-
#b8b8ff
#b8b8ff
rgb(184,184,255)
-
#ccccff
#ccccff
rgb(204,204,255)
-
#dfdfff
#dfdfff
rgb(223,223,255)
-
#f3f3ff
#f3f3ff
rgb(243,243,255)
Tones of #5657ff
A tone is produced by adding gray to any pure hue. In this case, #a4a4b1 is the less saturated color, while #5657ff is the most saturated one.
-
#a4a4b1
#a4a4b1
rgb(164,164,177)
-
#9e9eb8
#9e9eb8
rgb(158,158,184)
-
#9797be
#9797be
rgb(151,151,190)
-
#9191c5
#9191c5
rgb(145,145,197)
-
#8a8acb
#8a8acb
rgb(138,138,203)
-
#8484d2
#8484d2
rgb(132,132,210)
-
#7d7ed8
#7d7ed8
rgb(125,126,216)
-
#7777df
#7777df
rgb(119,119,223)
-
#7071e5
#7071e5
rgb(112,113,229)
-
#6a6aec
#6a6aec
rgb(106,106,236)
-
#6364f2
#6364f2
rgb(99,100,242)
-
#5d5df9
#5d5df9
rgb(93,93,249)
-
#5657ff
#5657ff
rgb(86,87,255)
Color Blindness Simulator
Below, you can see how #5657ff 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.