HEX #3A57F5 color — Royal Blue
The color #3A57F5 is a dark shade and moderately saturated.
Palette
3A57F5 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(231,90%,99%) |
#e2e6fd |
rgb(226,230,253) |
hsl(231,90%,94%) |
#cad1fc |
rgb(202,209,252) |
hsl(231,90%,89%) |
#b1bcfb |
rgb(177,188,251) |
hsl(231,90%,84%) |
#99a8fa |
rgb(153,168,250) |
hsl(231,90%,79%) |
#8193f8 |
rgb(129,147,248) |
hsl(231,90%,74%) |
#697ef7 |
rgb(105,126,247) |
hsl(231,90%,69%) |
#5169f6 |
rgb(81,105,246) |
hsl(231,90%,64%) |
#3855f5 |
rgb(56,85,245) |
hsl(231,90%,59%) |
#2040f3 |
rgb(32,64,243) |
hsl(231,90%,54%) |
#0c2eed |
rgb(12,46,237) |
hsl(231,90%,49%) |
#0b2ad5 |
rgb(11,42,213) |
hsl(231,90%,44%) |
#0a25bd |
rgb(10,37,189) |
hsl(231,90%,39%) |
#0920a5 |
rgb(9,32,165) |
hsl(231,90%,34%) |
#071b8d |
rgb(7,27,141) |
hsl(231,90%,29%) |
#061774 |
rgb(6,23,116) |
hsl(231,90%,24%) |
#05125c |
rgb(5,18,92) |
hsl(231,90%,19%) |
#040d44 |
rgb(4,13,68) |
hsl(231,90%,14%) |
#02082c |
rgb(2,8,44) |
hsl(231,90%,9%) |
#010413 |
rgb(1,4,19) |
hsl(231,90%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD4F5 |
rgb(58,212,245) |
hsl(191,90%,59%) |
#3A57F5 |
rgb(58,87,245) |
hsl(231,90%,59%) |
#993BF5 |
rgb(153,59,245) |
hsl(270,90%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96A6F9 |
rgb(150,166,249) |
hsl(230,89%,78%) |
#6880F7 |
rgb(104,128,247) |
hsl(230,90%,69%) |
#3A57F5 |
rgb(58,87,245) |
hsl(231,90%,59%) |
#0C30F2 |
rgb(12,48,242) |
hsl(231,91%,50%) |
#0926C4 |
rgb(9,38,196) |
hsl(231,91%,40%) |
#071F95 |
rgb(7,31,149) |
hsl(230,91%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A57F5 |
rgb(58,87,245) |
hsl(231,90%,59%) |
#F57A3A |
rgb(245,122,58) |
hsl(21,90%,59%) |
#B4F53A |
rgb(180,245,58) |
hsl(81,90%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A57F5 |
rgb(58,87,245) |
hsl(231,90%,59%) |
#F5D93A |
rgb(245,217,58) |
hsl(51,90%,59%) |
#3AB5F5 |
rgb(58,181,245) |
hsl(201,90%,59%) |
#B4F53A |
rgb(180,245,58) |
hsl(81,90%,59%) |