HEX #5470E2 color — Royal Blue
The color #5470E2 is a dark shade and moderately saturated.
Palette
5470E2 color palette from light to dark
HEX |
RGB |
HSL |
#eef0fc |
rgb(238,240,252) |
hsl(228,71%,96%) |
#d8def8 |
rgb(216,222,248) |
hsl(228,71%,91%) |
#c2ccf5 |
rgb(194,204,245) |
hsl(228,71%,86%) |
#acbaf1 |
rgb(172,186,241) |
hsl(228,71%,81%) |
#96a8ed |
rgb(150,168,237) |
hsl(228,71%,76%) |
#8196ea |
rgb(129,150,234) |
hsl(228,71%,71%) |
#6b83e6 |
rgb(107,131,230) |
hsl(228,71%,66%) |
#5571e2 |
rgb(85,113,226) |
hsl(228,71%,61%) |
#3f5fde |
rgb(63,95,222) |
hsl(228,71%,56%) |
#294ddb |
rgb(41,77,219) |
hsl(228,71%,51%) |
#2243c9 |
rgb(34,67,201) |
hsl(228,71%,46%) |
#1e3cb3 |
rgb(30,60,179) |
hsl(228,71%,41%) |
#1b359d |
rgb(27,53,157) |
hsl(228,71%,36%) |
#172d87 |
rgb(23,45,135) |
hsl(228,71%,31%) |
#132671 |
rgb(19,38,113) |
hsl(228,71%,26%) |
#101f5c |
rgb(16,31,92) |
hsl(228,71%,21%) |
#0c1746 |
rgb(12,23,70) |
hsl(228,71%,16%) |
#081030 |
rgb(8,16,48) |
hsl(228,71%,11%) |
#04091a |
rgb(4,9,26) |
hsl(228,71%,6%) |
#010104 |
rgb(1,1,4) |
hsl(228,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#54CFE2 |
rgb(84,207,226) |
hsl(188,71%,61%) |
#5470E2 |
rgb(84,112,226) |
hsl(228,71%,61%) |
#9654E2 |
rgb(150,84,226) |
hsl(268,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D3DBF7 |
rgb(211,219,247) |
hsl(227,69%,90%) |
#A8B8F0 |
rgb(168,184,240) |
hsl(227,71%,80%) |
#7E94E9 |
rgb(126,148,233) |
hsl(228,71%,70%) |
#5470E2 |
rgb(84,112,226) |
hsl(228,71%,61%) |
#294DDA |
rgb(41,77,218) |
hsl(228,71%,51%) |
#1E3DB4 |
rgb(30,61,180) |
hsl(228,71%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5470E2 |
rgb(84,112,226) |
hsl(228,71%,61%) |
#E28054 |
rgb(226,128,84) |
hsl(19,71%,61%) |
#B7E354 |
rgb(183,227,84) |
hsl(78,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5470E2 |
rgb(84,112,226) |
hsl(228,71%,61%) |
#E2C754 |
rgb(226,199,84) |
hsl(49,71%,61%) |
#54B8E2 |
rgb(84,184,226) |
hsl(198,71%,61%) |
#B7E354 |
rgb(183,227,84) |
hsl(78,72%,61%) |