HEX #5457F2 color — Royal Blue
The color #5457f2 is a dark shade and moderately saturated.
Palette
5457f2 color palette from light to dark
HEX |
RGB |
HSL |
#fafaff |
rgb(250,250,255) |
hsl(239,86%,99%) |
#e3e3fd |
rgb(227,227,253) |
hsl(239,86%,94%) |
#cbccfb |
rgb(203,204,251) |
hsl(239,86%,89%) |
#b3b4f9 |
rgb(179,180,249) |
hsl(239,86%,84%) |
#9b9df8 |
rgb(155,157,248) |
hsl(239,86%,79%) |
#8486f6 |
rgb(132,134,246) |
hsl(239,86%,74%) |
#6c6ef4 |
rgb(108,110,244) |
hsl(239,86%,69%) |
#5457f2 |
rgb(84,87,242) |
hsl(239,86%,64%) |
#3d40f0 |
rgb(61,64,240) |
hsl(239,86%,59%) |
#2528ef |
rgb(37,40,239) |
hsl(239,86%,54%) |
#1115e8 |
rgb(17,21,232) |
hsl(239,86%,49%) |
#1013d1 |
rgb(16,19,209) |
hsl(239,86%,44%) |
#0e11b9 |
rgb(14,17,185) |
hsl(239,86%,39%) |
#0c0fa1 |
rgb(12,15,161) |
hsl(239,86%,34%) |
#0a0c8a |
rgb(10,12,138) |
hsl(239,86%,29%) |
#090a72 |
rgb(9,10,114) |
hsl(239,86%,24%) |
#07085a |
rgb(7,8,90) |
hsl(239,86%,19%) |
#050642 |
rgb(5,6,66) |
hsl(239,86%,14%) |
#03042b |
rgb(3,4,43) |
hsl(239,86%,9%) |
#010213 |
rgb(1,2,19) |
hsl(239,86%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#54BFF2 |
rgb(84,191,242) |
hsl(199,86%,64%) |
#5457F2 |
rgb(84,87,242) |
hsl(239,86%,64%) |
#BA54F2 |
rgb(186,84,242) |
hsl(279,86%,64%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E5E6FD |
rgb(229,230,253) |
hsl(238,86%,95%) |
#B4B5F9 |
rgb(180,181,249) |
hsl(239,85%,84%) |
#8487F5 |
rgb(132,135,245) |
hsl(238,85%,74%) |
#5457F2 |
rgb(84,87,242) |
hsl(239,86%,64%) |
#2326EE |
rgb(35,38,238) |
hsl(239,86%,54%) |
#0F14CE |
rgb(15,20,206) |
hsl(238,86%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#5457F2 |
rgb(84,87,242) |
hsl(239,86%,64%) |
#F2A154 |
rgb(242,161,84) |
hsl(29,86%,64%) |
#A6F254 |
rgb(166,242,84) |
hsl(89,86%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5457F2 |
rgb(84,87,242) |
hsl(239,86%,64%) |
#F2F054 |
rgb(242,240,84) |
hsl(59,86%,64%) |
#54A6F2 |
rgb(84,166,242) |
hsl(209,86%,64%) |
#A6F254 |
rgb(166,242,84) |
hsl(89,86%,64%) |