HEX #3B57E5 color — Royal Blue
The color #3B57E5 is a dark shade and moderately saturated.
Palette
3B57E5 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 |
#3BC9E5 |
rgb(59,201,229) |
hsl(190,77%,56%) |
#3B57E5 |
rgb(59,87,229) |
hsl(230,77%,56%) |
#903BE5 |
rgb(144,59,229) |
hsl(270,77%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8C9CEF |
rgb(140,156,239) |
hsl(230,76%,74%) |
#637AEA |
rgb(99,122,234) |
hsl(230,76%,65%) |
#3B57E5 |
rgb(59,87,229) |
hsl(230,77%,56%) |
#1C3BD5 |
rgb(28,59,213) |
hsl(230,77%,47%) |
#1630AC |
rgb(22,48,172) |
hsl(230,77%,38%) |
#112484 |
rgb(17,36,132) |
hsl(230,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B57E5 |
rgb(59,87,229) |
hsl(230,77%,56%) |
#E5733B |
rgb(229,115,59) |
hsl(20,77%,56%) |
#ACE63B |
rgb(172,230,59) |
hsl(80,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B57E5 |
rgb(59,87,229) |
hsl(230,77%,56%) |
#E5C93B |
rgb(229,201,59) |
hsl(50,77%,56%) |
#3BABE5 |
rgb(59,171,229) |
hsl(200,77%,56%) |
#ACE63B |
rgb(172,230,59) |
hsl(80,77%,57%) |