HEX #5578E3 color — Royal Blue
The color #5578E3 is a dark shade and moderately saturated.
Palette
5578E3 color palette from light to dark
HEX |
RGB |
HSL |
#edf1fc |
rgb(237,241,252) |
hsl(225,72%,96%) |
#d8e0f9 |
rgb(216,224,249) |
hsl(225,72%,91%) |
#c2cef5 |
rgb(194,206,245) |
hsl(225,72%,86%) |
#acbdf1 |
rgb(172,189,241) |
hsl(225,72%,81%) |
#96acee |
rgb(150,172,238) |
hsl(225,72%,76%) |
#809aea |
rgb(128,154,234) |
hsl(225,72%,71%) |
#6a89e7 |
rgb(106,137,231) |
hsl(225,72%,66%) |
#5478e3 |
rgb(84,120,227) |
hsl(225,72%,61%) |
#3e66e0 |
rgb(62,102,224) |
hsl(225,72%,56%) |
#2855dc |
rgb(40,85,220) |
hsl(225,72%,51%) |
#214bca |
rgb(33,75,202) |
hsl(225,72%,46%) |
#1d43b4 |
rgb(29,67,180) |
hsl(225,72%,41%) |
#1a3b9e |
rgb(26,59,158) |
hsl(225,72%,36%) |
#163388 |
rgb(22,51,136) |
hsl(225,72%,31%) |
#132a72 |
rgb(19,42,114) |
hsl(225,72%,26%) |
#0f225c |
rgb(15,34,92) |
hsl(225,72%,21%) |
#0b1a46 |
rgb(11,26,70) |
hsl(225,72%,16%) |
#081230 |
rgb(8,18,48) |
hsl(225,72%,11%) |
#040a1a |
rgb(4,10,26) |
hsl(225,72%,6%) |
#010204 |
rgb(1,2,4) |
hsl(225,72%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D6E3 |
rgb(85,214,227) |
hsl(185,72%,61%) |
#5578E3 |
rgb(85,120,227) |
hsl(225,72%,61%) |
#9054E3 |
rgb(144,84,227) |
hsl(265,72%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D5DEF8 |
rgb(213,222,248) |
hsl(225,71%,90%) |
#AABDF1 |
rgb(170,189,241) |
hsl(224,72%,81%) |
#7F99EA |
rgb(127,153,234) |
hsl(225,72%,71%) |
#5578E3 |
rgb(85,120,227) |
hsl(225,72%,61%) |
#2A57DB |
rgb(42,87,219) |
hsl(225,71%,51%) |
#1E42B6 |
rgb(30,66,182) |
hsl(226,72%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5578E3 |
rgb(85,120,227) |
hsl(225,72%,61%) |
#E37855 |
rgb(227,120,85) |
hsl(15,72%,61%) |
#BFE355 |
rgb(191,227,85) |
hsl(75,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5578E3 |
rgb(85,120,227) |
hsl(225,72%,61%) |
#E3BF55 |
rgb(227,191,85) |
hsl(45,72%,61%) |
#55BFE3 |
rgb(85,191,227) |
hsl(195,72%,61%) |
#BFE355 |
rgb(191,227,85) |
hsl(75,72%,61%) |