HEX #5478E6 color — Royal Blue
The color #5478E6 is a dark shade and moderately saturated.
Palette
5478E6 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(225,74%,97%) |
#dce3fa |
rgb(220,227,250) |
hsl(225,74%,92%) |
#c5d2f6 |
rgb(197,210,246) |
hsl(225,74%,87%) |
#afc0f3 |
rgb(175,192,243) |
hsl(225,74%,82%) |
#99aff0 |
rgb(153,175,240) |
hsl(225,74%,77%) |
#839dec |
rgb(131,157,236) |
hsl(225,74%,72%) |
#6d8ce9 |
rgb(109,140,233) |
hsl(225,74%,67%) |
#567ae6 |
rgb(86,122,230) |
hsl(225,74%,62%) |
#4069e2 |
rgb(64,105,226) |
hsl(225,74%,57%) |
#2a57df |
rgb(42,87,223) |
hsl(225,74%,52%) |
#1f4cd1 |
rgb(31,76,209) |
hsl(225,74%,47%) |
#1c43ba |
rgb(28,67,186) |
hsl(225,74%,42%) |
#193ba4 |
rgb(25,59,164) |
hsl(225,74%,37%) |
#15338e |
rgb(21,51,142) |
hsl(225,74%,32%) |
#122b78 |
rgb(18,43,120) |
hsl(225,74%,27%) |
#0f2362 |
rgb(15,35,98) |
hsl(225,74%,22%) |
#0b1b4b |
rgb(11,27,75) |
hsl(225,74%,17%) |
#081335 |
rgb(8,19,53) |
hsl(225,74%,12%) |
#050b1f |
rgb(5,11,31) |
hsl(225,74%,7%) |
#010309 |
rgb(1,3,9) |
hsl(225,74%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#54D9E6 |
rgb(84,217,230) |
hsl(185,74%,62%) |
#5478E6 |
rgb(84,120,230) |
hsl(225,74%,62%) |
#9154E6 |
rgb(145,84,230) |
hsl(265,74%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D7E0F9 |
rgb(215,224,249) |
hsl(224,74%,91%) |
#ABBDF2 |
rgb(171,189,242) |
hsl(225,73%,81%) |
#7F9CEC |
rgb(127,156,236) |
hsl(224,74%,71%) |
#5478E6 |
rgb(84,120,230) |
hsl(225,74%,62%) |
#2854DF |
rgb(40,84,223) |
hsl(226,74%,52%) |
#1B42BA |
rgb(27,66,186) |
hsl(225,75%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5478E6 |
rgb(84,120,230) |
hsl(225,74%,62%) |
#E67854 |
rgb(230,120,84) |
hsl(15,74%,62%) |
#C1E654 |
rgb(193,230,84) |
hsl(75,74%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5478E6 |
rgb(84,120,230) |
hsl(225,74%,62%) |
#E6C254 |
rgb(230,194,84) |
hsl(45,74%,62%) |
#54C2E6 |
rgb(84,194,230) |
hsl(195,74%,62%) |
#C1E654 |
rgb(193,230,84) |
hsl(75,74%,62%) |