HEX #5578E2 color — Royal Blue
The color #5578e2 is a dark shade and moderately saturated.
Palette
5578e2 color palette from light to dark
HEX |
RGB |
HSL |
#eef1fc |
rgb(238,241,252) |
hsl(225,71%,96%) |
#d8e0f8 |
rgb(216,224,248) |
hsl(225,71%,91%) |
#c2cff5 |
rgb(194,207,245) |
hsl(225,71%,86%) |
#acbdf1 |
rgb(172,189,241) |
hsl(225,71%,81%) |
#96aced |
rgb(150,172,237) |
hsl(225,71%,76%) |
#819bea |
rgb(129,155,234) |
hsl(225,71%,71%) |
#6b8ae6 |
rgb(107,138,230) |
hsl(225,71%,66%) |
#5578e2 |
rgb(85,120,226) |
hsl(225,71%,61%) |
#3f67de |
rgb(63,103,222) |
hsl(225,71%,56%) |
#2956db |
rgb(41,86,219) |
hsl(225,71%,51%) |
#224cc9 |
rgb(34,76,201) |
hsl(225,71%,46%) |
#1e43b3 |
rgb(30,67,179) |
hsl(225,71%,41%) |
#1b3b9d |
rgb(27,59,157) |
hsl(225,71%,36%) |
#173387 |
rgb(23,51,135) |
hsl(225,71%,31%) |
#132b71 |
rgb(19,43,113) |
hsl(225,71%,26%) |
#10235c |
rgb(16,35,92) |
hsl(225,71%,21%) |
#0c1a46 |
rgb(12,26,70) |
hsl(225,71%,16%) |
#081230 |
rgb(8,18,48) |
hsl(225,71%,11%) |
#040a1a |
rgb(4,10,26) |
hsl(225,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(225,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D6E2 |
rgb(85,214,226) |
hsl(185,71%,61%) |
#5578E2 |
rgb(85,120,226) |
hsl(225,71%,61%) |
#9054E2 |
rgb(144,84,226) |
hsl(265,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4DEF7 |
rgb(212,222,247) |
hsl(223,69%,90%) |
#AABDF0 |
rgb(170,189,240) |
hsl(224,70%,80%) |
#7F99E9 |
rgb(127,153,233) |
hsl(225,71%,71%) |
#5578E2 |
rgb(85,120,226) |
hsl(225,71%,61%) |
#2A57DA |
rgb(42,87,218) |
hsl(225,70%,51%) |
#1E45B4 |
rgb(30,69,180) |
hsl(224,71%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5578E2 |
rgb(85,120,226) |
hsl(225,71%,61%) |
#E27855 |
rgb(226,120,85) |
hsl(15,71%,61%) |
#BEE355 |
rgb(190,227,85) |
hsl(76,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5578E2 |
rgb(85,120,226) |
hsl(225,71%,61%) |
#E2BF55 |
rgb(226,191,85) |
hsl(45,71%,61%) |
#55BFE2 |
rgb(85,191,226) |
hsl(195,71%,61%) |
#BEE355 |
rgb(190,227,85) |
hsl(76,72%,61%) |