HEX #5478E0 color — Royal Blue
The color #5478E0 is a dark shade and moderately saturated.
Palette
5478E0 color palette from light to dark
HEX |
RGB |
HSL |
#e9eefb |
rgb(233,238,251) |
hsl(225,69%,95%) |
#d4ddf7 |
rgb(212,221,247) |
hsl(225,69%,90%) |
#beccf3 |
rgb(190,204,243) |
hsl(225,69%,85%) |
#a9baef |
rgb(169,186,239) |
hsl(225,69%,80%) |
#93a9eb |
rgb(147,169,235) |
hsl(225,69%,75%) |
#7e98e7 |
rgb(126,152,231) |
hsl(225,69%,70%) |
#6887e3 |
rgb(104,135,227) |
hsl(225,69%,65%) |
#5376df |
rgb(83,118,223) |
hsl(225,69%,60%) |
#3d65db |
rgb(61,101,219) |
hsl(225,69%,55%) |
#2854d7 |
rgb(40,84,215) |
hsl(225,69%,50%) |
#244bc2 |
rgb(36,75,194) |
hsl(225,69%,45%) |
#2043ac |
rgb(32,67,172) |
hsl(225,69%,40%) |
#1c3a97 |
rgb(28,58,151) |
hsl(225,69%,35%) |
#183281 |
rgb(24,50,129) |
hsl(225,69%,30%) |
#142a6c |
rgb(20,42,108) |
hsl(225,69%,25%) |
#102156 |
rgb(16,33,86) |
hsl(225,69%,20%) |
#0c1941 |
rgb(12,25,65) |
hsl(225,69%,15%) |
#08112b |
rgb(8,17,43) |
hsl(225,69%,10%) |
#040816 |
rgb(4,8,22) |
hsl(225,69%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#54D6E0 |
rgb(84,214,224) |
hsl(184,69%,60%) |
#5478E0 |
rgb(84,120,224) |
hsl(225,69%,60%) |
#8D54E0 |
rgb(141,84,224) |
hsl(264,69%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D1DBF6 |
rgb(209,219,246) |
hsl(224,67%,89%) |
#A7BAEF |
rgb(167,186,239) |
hsl(224,69%,80%) |
#7D99E7 |
rgb(125,153,231) |
hsl(224,69%,70%) |
#5478E0 |
rgb(84,120,224) |
hsl(225,69%,60%) |
#2A57D8 |
rgb(42,87,216) |
hsl(224,69%,51%) |
#2045B1 |
rgb(32,69,177) |
hsl(225,69%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5478E0 |
rgb(84,120,224) |
hsl(225,69%,60%) |
#E07554 |
rgb(224,117,84) |
hsl(14,69%,60%) |
#BEE054 |
rgb(190,224,84) |
hsl(75,69%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5478E0 |
rgb(84,120,224) |
hsl(225,69%,60%) |
#E0BD54 |
rgb(224,189,84) |
hsl(45,69%,60%) |
#54BFE0 |
rgb(84,191,224) |
hsl(194,69%,60%) |
#BEE054 |
rgb(190,224,84) |
hsl(75,69%,60%) |