HEX #3A57F1 color — Royal Blue
The color #3A57F1 is a dark shade and moderately saturated.
Palette
3A57F1 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(230,87%,99%) |
#e2e7fd |
rgb(226,231,253) |
hsl(230,87%,94%) |
#cbd3fb |
rgb(203,211,251) |
hsl(230,87%,89%) |
#b3bffa |
rgb(179,191,250) |
hsl(230,87%,84%) |
#9baaf8 |
rgb(155,170,248) |
hsl(230,87%,79%) |
#8396f6 |
rgb(131,150,246) |
hsl(230,87%,74%) |
#6b82f5 |
rgb(107,130,245) |
hsl(230,87%,69%) |
#536ef3 |
rgb(83,110,243) |
hsl(230,87%,64%) |
#3b5af1 |
rgb(59,90,241) |
hsl(230,87%,59%) |
#2446f0 |
rgb(36,70,240) |
hsl(230,87%,54%) |
#1034ea |
rgb(16,52,234) |
hsl(230,87%,49%) |
#0f2fd2 |
rgb(15,47,210) |
hsl(230,87%,44%) |
#0d2aba |
rgb(13,42,186) |
hsl(230,87%,39%) |
#0b24a2 |
rgb(11,36,162) |
hsl(230,87%,34%) |
#0a1f8a |
rgb(10,31,138) |
hsl(230,87%,29%) |
#081a72 |
rgb(8,26,114) |
hsl(230,87%,24%) |
#06145b |
rgb(6,20,91) |
hsl(230,87%,19%) |
#050f43 |
rgb(5,15,67) |
hsl(230,87%,14%) |
#030a2b |
rgb(3,10,43) |
hsl(230,87%,9%) |
#010413 |
rgb(1,4,19) |
hsl(230,87%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD1F1 |
rgb(58,209,241) |
hsl(190,87%,59%) |
#3A57F1 |
rgb(58,87,241) |
hsl(230,87%,59%) |
#973BF1 |
rgb(151,59,241) |
hsl(270,87%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93A3F7 |
rgb(147,163,247) |
hsl(230,86%,77%) |
#667DF4 |
rgb(102,125,244) |
hsl(230,87%,68%) |
#3A57F1 |
rgb(58,87,241) |
hsl(230,87%,59%) |
#1033EA |
rgb(16,51,234) |
hsl(230,87%,49%) |
#0D29BD |
rgb(13,41,189) |
hsl(230,87%,40%) |
#0A1F91 |
rgb(10,31,145) |
hsl(231,87%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A57F1 |
rgb(58,87,241) |
hsl(230,87%,59%) |
#F1783A |
rgb(241,120,58) |
hsl(20,87%,59%) |
#B2F23A |
rgb(178,242,58) |
hsl(81,88%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A57F1 |
rgb(58,87,241) |
hsl(230,87%,59%) |
#F1D43A |
rgb(241,212,58) |
hsl(50,87%,59%) |
#3AB3F1 |
rgb(58,179,241) |
hsl(200,87%,59%) |
#B2F23A |
rgb(178,242,58) |
hsl(81,88%,59%) |