HEX #3A63E5 color — Royal Blue
The color #3A63E5 is a dark shade and moderately saturated.
Palette
3A63E5 color palette from light to dark
HEX |
RGB |
HSL |
#edf1fd |
rgb(237,241,253) |
hsl(226,77%,96%) |
#d6dffa |
rgb(214,223,250) |
hsl(226,77%,91%) |
#c0cdf7 |
rgb(192,205,247) |
hsl(226,77%,86%) |
#a9bbf4 |
rgb(169,187,244) |
hsl(226,77%,81%) |
#93a9f1 |
rgb(147,169,241) |
hsl(226,77%,76%) |
#7c97ee |
rgb(124,151,238) |
hsl(226,77%,71%) |
#6685eb |
rgb(102,133,235) |
hsl(226,77%,66%) |
#4f73e8 |
rgb(79,115,232) |
hsl(226,77%,61%) |
#3861e5 |
rgb(56,97,229) |
hsl(226,77%,56%) |
#224fe2 |
rgb(34,79,226) |
hsl(226,77%,51%) |
#1b45d0 |
rgb(27,69,208) |
hsl(226,77%,46%) |
#183eb9 |
rgb(24,62,185) |
hsl(226,77%,41%) |
#1536a2 |
rgb(21,54,162) |
hsl(226,77%,36%) |
#122f8c |
rgb(18,47,140) |
hsl(226,77%,31%) |
#0f2775 |
rgb(15,39,117) |
hsl(226,77%,26%) |
#0c205f |
rgb(12,32,95) |
hsl(226,77%,21%) |
#091848 |
rgb(9,24,72) |
hsl(226,77%,16%) |
#061132 |
rgb(6,17,50) |
hsl(226,77%,11%) |
#04091b |
rgb(4,9,27) |
hsl(226,77%,6%) |
#010205 |
rgb(1,2,5) |
hsl(226,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD6E5 |
rgb(58,214,229) |
hsl(185,77%,56%) |
#3A63E5 |
rgb(58,99,229) |
hsl(226,77%,56%) |
#833BE5 |
rgb(131,59,229) |
hsl(265,77%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BA3EF |
rgb(139,163,239) |
hsl(226,76%,74%) |
#6282EA |
rgb(98,130,234) |
hsl(226,76%,65%) |
#3A63E5 |
rgb(58,99,229) |
hsl(226,77%,56%) |
#1C47D4 |
rgb(28,71,212) |
hsl(226,77%,47%) |
#163BAC |
rgb(22,59,172) |
hsl(225,77%,38%) |
#112E83 |
rgb(17,46,131) |
hsl(225,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63E5 |
rgb(58,99,229) |
hsl(226,77%,56%) |
#E5663A |
rgb(229,102,58) |
hsl(15,77%,56%) |
#B8E63A |
rgb(184,230,58) |
hsl(76,77%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63E5 |
rgb(58,99,229) |
hsl(226,77%,56%) |
#E5BD3A |
rgb(229,189,58) |
hsl(46,77%,56%) |
#3AB8E5 |
rgb(58,184,229) |
hsl(196,77%,56%) |
#B8E63A |
rgb(184,230,58) |
hsl(76,77%,56%) |