HEX #396BE5 color — Royal Blue
The color #396BE5 is a dark shade and moderately saturated.
Palette
396BE5 color palette from light to dark
HEX |
RGB |
HSL |
#edf1fd |
rgb(237,241,253) |
hsl(223,77%,96%) |
#d6e0fa |
rgb(214,224,250) |
hsl(223,77%,91%) |
#c0cff7 |
rgb(192,207,247) |
hsl(223,77%,86%) |
#a9bef4 |
rgb(169,190,244) |
hsl(223,77%,81%) |
#93adf1 |
rgb(147,173,241) |
hsl(223,77%,76%) |
#7c9cee |
rgb(124,156,238) |
hsl(223,77%,71%) |
#668beb |
rgb(102,139,235) |
hsl(223,77%,66%) |
#4f7ae8 |
rgb(79,122,232) |
hsl(223,77%,61%) |
#3869e5 |
rgb(56,105,229) |
hsl(223,77%,56%) |
#2258e2 |
rgb(34,88,226) |
hsl(223,77%,51%) |
#1b4ed0 |
rgb(27,78,208) |
hsl(223,77%,46%) |
#1846b9 |
rgb(24,70,185) |
hsl(223,77%,41%) |
#153da2 |
rgb(21,61,162) |
hsl(223,77%,36%) |
#12358c |
rgb(18,53,140) |
hsl(223,77%,31%) |
#0f2c75 |
rgb(15,44,117) |
hsl(223,77%,26%) |
#0c245f |
rgb(12,36,95) |
hsl(223,77%,21%) |
#091b48 |
rgb(9,27,72) |
hsl(223,77%,16%) |
#061332 |
rgb(6,19,50) |
hsl(223,77%,11%) |
#040a1b |
rgb(4,10,27) |
hsl(223,77%,6%) |
#010205 |
rgb(1,2,5) |
hsl(223,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#39DEE5 |
rgb(57,222,229) |
hsl(182,77%,56%) |
#396BE5 |
rgb(57,107,229) |
hsl(223,77%,56%) |
#7938E5 |
rgb(121,56,229) |
hsl(263,77%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89A8EF |
rgb(137,168,239) |
hsl(222,76%,74%) |
#618AEA |
rgb(97,138,234) |
hsl(222,77%,65%) |
#396BE5 |
rgb(57,107,229) |
hsl(223,77%,56%) |
#1B52D4 |
rgb(27,82,212) |
hsl(222,77%,47%) |
#1642AB |
rgb(22,66,171) |
hsl(222,77%,38%) |
#113383 |
rgb(17,51,131) |
hsl(222,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BE5 |
rgb(57,107,229) |
hsl(223,77%,56%) |
#E55C39 |
rgb(229,92,57) |
hsl(12,77%,56%) |
#C1E639 |
rgb(193,230,57) |
hsl(73,78%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BE5 |
rgb(57,107,229) |
hsl(223,77%,56%) |
#E5B339 |
rgb(229,179,57) |
hsl(43,77%,56%) |
#39C2E5 |
rgb(57,194,229) |
hsl(192,77%,56%) |
#C1E639 |
rgb(193,230,57) |
hsl(73,78%,56%) |