HEX #3A57E6 color — Royal Blue
The color #3A57E6 is a dark shade and moderately saturated.
Palette
3A57E6 color palette from light to dark
HEX |
RGB |
HSL |
#edf0fd |
rgb(237,240,253) |
hsl(230,77%,96%) |
#d6dcfa |
rgb(214,220,250) |
hsl(230,77%,91%) |
#c0c9f7 |
rgb(192,201,247) |
hsl(230,77%,86%) |
#a9b6f4 |
rgb(169,182,244) |
hsl(230,77%,81%) |
#93a2f1 |
rgb(147,162,241) |
hsl(230,77%,76%) |
#7c8fee |
rgb(124,143,238) |
hsl(230,77%,71%) |
#667ceb |
rgb(102,124,235) |
hsl(230,77%,66%) |
#4f68e8 |
rgb(79,104,232) |
hsl(230,77%,61%) |
#3855e5 |
rgb(56,85,229) |
hsl(230,77%,56%) |
#2242e2 |
rgb(34,66,226) |
hsl(230,77%,51%) |
#1b39d0 |
rgb(27,57,208) |
hsl(230,77%,46%) |
#1833b9 |
rgb(24,51,185) |
hsl(230,77%,41%) |
#152da2 |
rgb(21,45,162) |
hsl(230,77%,36%) |
#12268c |
rgb(18,38,140) |
hsl(230,77%,31%) |
#0f2075 |
rgb(15,32,117) |
hsl(230,77%,26%) |
#0c1a5f |
rgb(12,26,95) |
hsl(230,77%,21%) |
#091448 |
rgb(9,20,72) |
hsl(230,77%,16%) |
#060e32 |
rgb(6,14,50) |
hsl(230,77%,11%) |
#04071b |
rgb(4,7,27) |
hsl(230,77%,6%) |
#010105 |
rgb(1,1,5) |
hsl(230,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC9E6 |
rgb(58,201,230) |
hsl(190,77%,56%) |
#3A57E6 |
rgb(58,87,230) |
hsl(230,77%,56%) |
#8F3BE6 |
rgb(143,59,230) |
hsl(269,77%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8B9CF0 |
rgb(139,156,240) |
hsl(230,77%,74%) |
#627AEB |
rgb(98,122,235) |
hsl(229,77%,65%) |
#3A57E6 |
rgb(58,87,230) |
hsl(230,77%,56%) |
#1B3BD6 |
rgb(27,59,214) |
hsl(230,78%,47%) |
#1630AD |
rgb(22,48,173) |
hsl(230,77%,38%) |
#102484 |
rgb(16,36,132) |
hsl(230,78%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A57E6 |
rgb(58,87,230) |
hsl(230,77%,56%) |
#E6733A |
rgb(230,115,58) |
hsl(20,77%,56%) |
#ADE63A |
rgb(173,230,58) |
hsl(80,77%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A57E6 |
rgb(58,87,230) |
hsl(230,77%,56%) |
#E6C93A |
rgb(230,201,58) |
hsl(50,77%,56%) |
#3AADE6 |
rgb(58,173,230) |
hsl(200,77%,56%) |
#ADE63A |
rgb(173,230,58) |
hsl(80,77%,56%) |