HEX #5657E0 color — Royal Blue
The color #5657E0 is a dark shade and moderately saturated.
Palette
5657E0 color palette from light to dark
HEX |
RGB |
HSL |
#eeeefc |
rgb(238,238,252) |
hsl(240,69%,96%) |
#d8d8f8 |
rgb(216,216,248) |
hsl(240,69%,91%) |
#c3c3f4 |
rgb(195,195,244) |
hsl(240,69%,86%) |
#adadf0 |
rgb(173,173,240) |
hsl(240,69%,81%) |
#9898ec |
rgb(152,152,236) |
hsl(240,69%,76%) |
#8282e8 |
rgb(130,130,232) |
hsl(240,69%,71%) |
#6c6ce4 |
rgb(108,108,228) |
hsl(240,69%,66%) |
#5757e0 |
rgb(87,87,224) |
hsl(240,69%,61%) |
#4141dc |
rgb(65,65,220) |
hsl(240,69%,56%) |
#2c2cd8 |
rgb(44,44,216) |
hsl(240,69%,51%) |
#2424c6 |
rgb(36,36,198) |
hsl(240,69%,46%) |
#2020b1 |
rgb(32,32,177) |
hsl(240,69%,41%) |
#1c1c9b |
rgb(28,28,155) |
hsl(240,69%,36%) |
#191986 |
rgb(25,25,134) |
hsl(240,69%,31%) |
#151570 |
rgb(21,21,112) |
hsl(240,69%,26%) |
#11115a |
rgb(17,17,90) |
hsl(240,69%,21%) |
#0d0d45 |
rgb(13,13,69) |
hsl(240,69%,16%) |
#09092f |
rgb(9,9,47) |
hsl(240,69%,11%) |
#05051a |
rgb(5,5,26) |
hsl(240,69%,6%) |
#010104 |
rgb(1,1,4) |
hsl(240,69%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B3E0 |
rgb(86,179,224) |
hsl(200,69%,61%) |
#5657E0 |
rgb(86,87,224) |
hsl(240,69%,61%) |
#B157E0 |
rgb(177,87,224) |
hsl(279,69%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D3D4F7 |
rgb(211,212,247) |
hsl(238,69%,90%) |
#A9ABEF |
rgb(169,171,239) |
hsl(238,69%,80%) |
#7F80E7 |
rgb(127,128,231) |
hsl(239,68%,70%) |
#5657E0 |
rgb(86,87,224) |
hsl(240,69%,61%) |
#2C2ED8 |
rgb(44,46,216) |
hsl(239,69%,51%) |
#2021B2 |
rgb(32,33,178) |
hsl(240,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5657E0 |
rgb(86,87,224) |
hsl(240,69%,61%) |
#E09956 |
rgb(224,153,86) |
hsl(29,69%,61%) |
#9CE056 |
rgb(156,224,86) |
hsl(90,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5657E0 |
rgb(86,87,224) |
hsl(240,69%,61%) |
#E0DE56 |
rgb(224,222,86) |
hsl(59,69%,61%) |
#569CE0 |
rgb(86,156,224) |
hsl(210,69%,61%) |
#9CE056 |
rgb(156,224,86) |
hsl(90,69%,61%) |