HEX #3A57E0 color — Royal Blue
The color #3A57E0 is a dark shade and moderately saturated.
Palette
3A57E0 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9ecfc |
rgb(233,236,252) |
hsl(230,73%,95%) |
| #d3d9f8 |
rgb(211,217,248) |
hsl(230,73%,90%) |
| #bdc6f5 |
rgb(189,198,245) |
hsl(230,73%,85%) |
| #a7b3f1 |
rgb(167,179,241) |
hsl(230,73%,80%) |
| #91a0ee |
rgb(145,160,238) |
hsl(230,73%,75%) |
| #7b8dea |
rgb(123,141,234) |
hsl(230,73%,70%) |
| #657ae7 |
rgb(101,122,231) |
hsl(230,73%,65%) |
| #4f67e3 |
rgb(79,103,227) |
hsl(230,73%,60%) |
| #3854e0 |
rgb(56,84,224) |
hsl(230,73%,55%) |
| #2241dd |
rgb(34,65,221) |
hsl(230,73%,50%) |
| #1f3bc7 |
rgb(31,59,199) |
hsl(230,73%,45%) |
| #1c34b0 |
rgb(28,52,176) |
hsl(230,73%,40%) |
| #182e9a |
rgb(24,46,154) |
hsl(230,73%,35%) |
| #152784 |
rgb(21,39,132) |
hsl(230,73%,30%) |
| #11216e |
rgb(17,33,110) |
hsl(230,73%,25%) |
| #0e1a58 |
rgb(14,26,88) |
hsl(230,73%,20%) |
| #0a1442 |
rgb(10,20,66) |
hsl(230,73%,15%) |
| #070d2c |
rgb(7,13,44) |
hsl(230,73%,10%) |
| #030716 |
rgb(3,7,22) |
hsl(230,73%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3AC7E0 |
rgb(58,199,224) |
hsl(189,73%,55%) |
| #3A57E0 |
rgb(58,87,224) |
hsl(230,73%,55%) |
| #8B3BE0 |
rgb(139,59,224) |
hsl(269,73%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8799EC |
rgb(135,153,236) |
hsl(229,73%,73%) |
| #6078E6 |
rgb(96,120,230) |
hsl(229,73%,64%) |
| #3A57E0 |
rgb(58,87,224) |
hsl(230,73%,55%) |
| #203DCC |
rgb(32,61,204) |
hsl(230,73%,46%) |
| #1A33A5 |
rgb(26,51,165) |
hsl(229,73%,37%) |
| #13267E |
rgb(19,38,126) |
hsl(229,74%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A57E0 |
rgb(58,87,224) |
hsl(230,73%,55%) |
| #E0703A |
rgb(224,112,58) |
hsl(20,73%,55%) |
| #AAE03A |
rgb(170,224,58) |
hsl(80,73%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A57E0 |
rgb(58,87,224) |
hsl(230,73%,55%) |
| #E0C23A |
rgb(224,194,58) |
hsl(49,73%,55%) |
| #3AABE0 |
rgb(58,171,224) |
hsl(199,73%,55%) |
| #AAE03A |
rgb(170,224,58) |
hsl(80,73%,55%) |
