HEX #3A63E2 color — Royal Blue
The color #3A63E2 is a dark shade and moderately saturated.
Palette
3A63E2 color palette from light to dark
HEX |
RGB |
HSL |
#edf1fc |
rgb(237,241,252) |
hsl(225,74%,96%) |
#d7e0f9 |
rgb(215,224,249) |
hsl(225,74%,91%) |
#c1cef6 |
rgb(193,206,246) |
hsl(225,74%,86%) |
#abbdf2 |
rgb(171,189,242) |
hsl(225,74%,81%) |
#95abef |
rgb(149,171,239) |
hsl(225,74%,76%) |
#7e9aec |
rgb(126,154,236) |
hsl(225,74%,71%) |
#6888e8 |
rgb(104,136,232) |
hsl(225,74%,66%) |
#5277e5 |
rgb(82,119,229) |
hsl(225,74%,61%) |
#3c65e2 |
rgb(60,101,226) |
hsl(225,74%,56%) |
#2654df |
rgb(38,84,223) |
hsl(225,74%,51%) |
#1e4acc |
rgb(30,74,204) |
hsl(225,74%,46%) |
#1b42b6 |
rgb(27,66,182) |
hsl(225,74%,41%) |
#183aa0 |
rgb(24,58,160) |
hsl(225,74%,36%) |
#15328a |
rgb(21,50,138) |
hsl(225,74%,31%) |
#112a73 |
rgb(17,42,115) |
hsl(225,74%,26%) |
#0e225d |
rgb(14,34,93) |
hsl(225,74%,21%) |
#0b1a47 |
rgb(11,26,71) |
hsl(225,74%,16%) |
#071231 |
rgb(7,18,49) |
hsl(225,74%,11%) |
#040a1b |
rgb(4,10,27) |
hsl(225,74%,6%) |
#010204 |
rgb(1,2,4) |
hsl(225,74%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD4E2 |
rgb(58,212,226) |
hsl(185,74%,56%) |
#3A63E2 |
rgb(58,99,226) |
hsl(225,74%,56%) |
#813BE2 |
rgb(129,59,226) |
hsl(265,74%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89A1ED |
rgb(137,161,237) |
hsl(226,74%,73%) |
#6182E7 |
rgb(97,130,231) |
hsl(225,74%,64%) |
#3A63E2 |
rgb(58,99,226) |
hsl(225,74%,56%) |
#1E4ACF |
rgb(30,74,207) |
hsl(225,75%,46%) |
#183BA8 |
rgb(24,59,168) |
hsl(225,75%,38%) |
#122E80 |
rgb(18,46,128) |
hsl(225,75%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63E2 |
rgb(58,99,226) |
hsl(225,74%,56%) |
#E2663A |
rgb(226,102,58) |
hsl(16,74%,56%) |
#B7E33A |
rgb(183,227,58) |
hsl(76,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63E2 |
rgb(58,99,226) |
hsl(225,74%,56%) |
#E2BA3A |
rgb(226,186,58) |
hsl(46,74%,56%) |
#3AB8E2 |
rgb(58,184,226) |
hsl(195,74%,56%) |
#B7E33A |
rgb(183,227,58) |
hsl(76,75%,56%) |