HEX #5478E5 color — Royal Blue
The color #5478E5 is a dark shade and moderately saturated.
Palette
5478E5 color palette from light to dark
HEX |
RGB |
HSL |
#edf1fc |
rgb(237,241,252) |
hsl(225,74%,96%) |
#d7e0f9 |
rgb(215,224,249) |
hsl(225,74%,91%) |
#c1cef6 |
rgb(193,206,246) |
hsl(225,74%,86%) |
#abbdf2 |
rgb(171,189,242) |
hsl(225,74%,81%) |
#95abef |
rgb(149,171,239) |
hsl(225,74%,76%) |
#7e9aec |
rgb(126,154,236) |
hsl(225,74%,71%) |
#6888e8 |
rgb(104,136,232) |
hsl(225,74%,66%) |
#5277e5 |
rgb(82,119,229) |
hsl(225,74%,61%) |
#3c65e2 |
rgb(60,101,226) |
hsl(225,74%,56%) |
#2654df |
rgb(38,84,223) |
hsl(225,74%,51%) |
#1e4acc |
rgb(30,74,204) |
hsl(225,74%,46%) |
#1b42b6 |
rgb(27,66,182) |
hsl(225,74%,41%) |
#183aa0 |
rgb(24,58,160) |
hsl(225,74%,36%) |
#15328a |
rgb(21,50,138) |
hsl(225,74%,31%) |
#112a73 |
rgb(17,42,115) |
hsl(225,74%,26%) |
#0e225d |
rgb(14,34,93) |
hsl(225,74%,21%) |
#0b1a47 |
rgb(11,26,71) |
hsl(225,74%,16%) |
#071231 |
rgb(7,18,49) |
hsl(225,74%,11%) |
#040a1b |
rgb(4,10,27) |
hsl(225,74%,6%) |
#010204 |
rgb(1,2,4) |
hsl(225,74%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#54D9E5 |
rgb(84,217,229) |
hsl(185,74%,61%) |
#5478E5 |
rgb(84,120,229) |
hsl(225,74%,61%) |
#9054E5 |
rgb(144,84,229) |
hsl(265,74%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D6DEF8 |
rgb(214,222,248) |
hsl(226,71%,91%) |
#AABDF2 |
rgb(170,189,242) |
hsl(224,73%,81%) |
#7F9CEB |
rgb(127,156,235) |
hsl(224,73%,71%) |
#5478E5 |
rgb(84,120,229) |
hsl(225,74%,61%) |
#2857DE |
rgb(40,87,222) |
hsl(225,73%,51%) |
#1C42B8 |
rgb(28,66,184) |
hsl(225,74%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5478E5 |
rgb(84,120,229) |
hsl(225,74%,61%) |
#E57854 |
rgb(229,120,84) |
hsl(15,74%,61%) |
#C0E654 |
rgb(192,230,84) |
hsl(76,74%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5478E5 |
rgb(84,120,229) |
hsl(225,74%,61%) |
#E5C254 |
rgb(229,194,84) |
hsl(46,74%,61%) |
#54BFE5 |
rgb(84,191,229) |
hsl(196,74%,61%) |
#C0E654 |
rgb(192,230,84) |
hsl(76,74%,62%) |