HEX #396EE4 color — Royal Blue
The color #396EE4 is a dark shade and moderately saturated.
Palette
396EE4 color palette from light to dark
HEX |
RGB |
HSL |
#edf2fd |
rgb(237,242,253) |
hsl(221,76%,96%) |
#d7e2f9 |
rgb(215,226,249) |
hsl(221,76%,91%) |
#c0d1f6 |
rgb(192,209,246) |
hsl(221,76%,86%) |
#aac1f3 |
rgb(170,193,243) |
hsl(221,76%,81%) |
#93b1f0 |
rgb(147,177,240) |
hsl(221,76%,76%) |
#7da0ed |
rgb(125,160,237) |
hsl(221,76%,71%) |
#6690ea |
rgb(102,144,234) |
hsl(221,76%,66%) |
#5080e7 |
rgb(80,128,231) |
hsl(221,76%,61%) |
#3a70e4 |
rgb(58,112,228) |
hsl(221,76%,56%) |
#235fe1 |
rgb(35,95,225) |
hsl(221,76%,51%) |
#1c55ce |
rgb(28,85,206) |
hsl(221,76%,46%) |
#194bb8 |
rgb(25,75,184) |
hsl(221,76%,41%) |
#1642a2 |
rgb(22,66,162) |
hsl(221,76%,36%) |
#13398b |
rgb(19,57,139) |
hsl(221,76%,31%) |
#103075 |
rgb(16,48,117) |
hsl(221,76%,26%) |
#0d275e |
rgb(13,39,94) |
hsl(221,76%,21%) |
#0a1d48 |
rgb(10,29,72) |
hsl(221,76%,16%) |
#071431 |
rgb(7,20,49) |
hsl(221,76%,11%) |
#040b1b |
rgb(4,11,27) |
hsl(221,76%,6%) |
#010204 |
rgb(1,2,4) |
hsl(221,76%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#39E0E4 |
rgb(57,224,228) |
hsl(181,76%,56%) |
#396EE4 |
rgb(57,110,228) |
hsl(221,76%,56%) |
#7638E4 |
rgb(118,56,228) |
hsl(262,76%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89A8EE |
rgb(137,168,238) |
hsl(222,75%,74%) |
#618CE9 |
rgb(97,140,233) |
hsl(221,76%,65%) |
#396EE4 |
rgb(57,110,228) |
hsl(221,76%,56%) |
#1C54D2 |
rgb(28,84,210) |
hsl(222,76%,47%) |
#1745AA |
rgb(23,69,170) |
hsl(221,76%,38%) |
#113682 |
rgb(17,54,130) |
hsl(220,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#396EE4 |
rgb(57,110,228) |
hsl(221,76%,56%) |
#E45939 |
rgb(228,89,57) |
hsl(11,76%,56%) |
#C3E339 |
rgb(195,227,57) |
hsl(71,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396EE4 |
rgb(57,110,228) |
hsl(221,76%,56%) |
#E4B039 |
rgb(228,176,57) |
hsl(42,76%,56%) |
#39C4E4 |
rgb(57,196,228) |
hsl(191,76%,56%) |
#C3E339 |
rgb(195,227,57) |
hsl(71,75%,56%) |