HEX #5657E1 color — Royal Blue
The color #5657E1 is a dark shade and moderately saturated.
Palette
5657E1 color palette from light to dark
HEX |
RGB |
HSL |
#eeeefc |
rgb(238,238,252) |
hsl(240,70%,96%) |
#d8d8f8 |
rgb(216,216,248) |
hsl(240,70%,91%) |
#c2c2f4 |
rgb(194,194,244) |
hsl(240,70%,86%) |
#adadf0 |
rgb(173,173,240) |
hsl(240,70%,81%) |
#9797ed |
rgb(151,151,237) |
hsl(240,70%,76%) |
#8181e9 |
rgb(129,129,233) |
hsl(240,70%,71%) |
#6c6ce5 |
rgb(108,108,229) |
hsl(240,70%,66%) |
#5656e1 |
rgb(86,86,225) |
hsl(240,70%,61%) |
#4040dd |
rgb(64,64,221) |
hsl(240,70%,56%) |
#2b2bda |
rgb(43,43,218) |
hsl(240,70%,51%) |
#2323c7 |
rgb(35,35,199) |
hsl(240,70%,46%) |
#1f1fb2 |
rgb(31,31,178) |
hsl(240,70%,41%) |
#1c1c9c |
rgb(28,28,156) |
hsl(240,70%,36%) |
#181886 |
rgb(24,24,134) |
hsl(240,70%,31%) |
#141471 |
rgb(20,20,113) |
hsl(240,70%,26%) |
#10105b |
rgb(16,16,91) |
hsl(240,70%,21%) |
#0c0c45 |
rgb(12,12,69) |
hsl(240,70%,16%) |
#080830 |
rgb(8,8,48) |
hsl(240,70%,11%) |
#05051a |
rgb(5,5,26) |
hsl(240,70%,6%) |
#010104 |
rgb(1,1,4) |
hsl(240,70%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B3E1 |
rgb(86,179,225) |
hsl(200,70%,61%) |
#5657E1 |
rgb(86,87,225) |
hsl(240,70%,61%) |
#B157E1 |
rgb(177,87,225) |
hsl(279,70%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4D6F7 |
rgb(212,214,247) |
hsl(237,69%,90%) |
#AAABF0 |
rgb(170,171,240) |
hsl(239,70%,80%) |
#8082E8 |
rgb(128,130,232) |
hsl(239,69%,71%) |
#5657E1 |
rgb(86,87,225) |
hsl(240,70%,61%) |
#2B2ED9 |
rgb(43,46,217) |
hsl(239,70%,51%) |
#1F21B3 |
rgb(31,33,179) |
hsl(239,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5657E1 |
rgb(86,87,225) |
hsl(240,70%,61%) |
#E19C56 |
rgb(225,156,86) |
hsl(30,70%,61%) |
#9CE056 |
rgb(156,224,86) |
hsl(90,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5657E1 |
rgb(86,87,225) |
hsl(240,70%,61%) |
#E1E056 |
rgb(225,224,86) |
hsl(60,70%,61%) |
#569CE1 |
rgb(86,156,225) |
hsl(210,70%,61%) |
#9CE056 |
rgb(156,224,86) |
hsl(90,69%,61%) |