HEX #396BE3 color — Royal Blue
The color #396BE3 is a dark shade and moderately saturated.
Palette
396BE3 color palette from light to dark
HEX |
RGB |
HSL |
#edf2fc |
rgb(237,242,252) |
hsl(222,75%,96%) |
#d7e1f9 |
rgb(215,225,249) |
hsl(222,75%,91%) |
#c1d1f6 |
rgb(193,209,246) |
hsl(222,75%,86%) |
#aac0f3 |
rgb(170,192,243) |
hsl(222,75%,81%) |
#94aff0 |
rgb(148,175,240) |
hsl(222,75%,76%) |
#7e9fed |
rgb(126,159,237) |
hsl(222,75%,71%) |
#678ee9 |
rgb(103,142,233) |
hsl(222,75%,66%) |
#517ee6 |
rgb(81,126,230) |
hsl(222,75%,61%) |
#3b6de3 |
rgb(59,109,227) |
hsl(222,75%,56%) |
#245de0 |
rgb(36,93,224) |
hsl(222,75%,51%) |
#1d52cd |
rgb(29,82,205) |
hsl(222,75%,46%) |
#1a49b7 |
rgb(26,73,183) |
hsl(222,75%,41%) |
#1740a1 |
rgb(23,64,161) |
hsl(222,75%,36%) |
#14378a |
rgb(20,55,138) |
hsl(222,75%,31%) |
#112e74 |
rgb(17,46,116) |
hsl(222,75%,26%) |
#0d255e |
rgb(13,37,94) |
hsl(222,75%,21%) |
#0a1d47 |
rgb(10,29,71) |
hsl(222,75%,16%) |
#071431 |
rgb(7,20,49) |
hsl(222,75%,11%) |
#040b1b |
rgb(4,11,27) |
hsl(222,75%,6%) |
#010204 |
rgb(1,2,4) |
hsl(222,75%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#39DBE3 |
rgb(57,219,227) |
hsl(183,75%,56%) |
#396BE3 |
rgb(57,107,227) |
hsl(222,75%,56%) |
#7838E3 |
rgb(120,56,227) |
hsl(262,75%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88A6EE |
rgb(136,166,238) |
hsl(222,75%,73%) |
#608AE8 |
rgb(96,138,232) |
hsl(221,75%,64%) |
#396BE3 |
rgb(57,107,227) |
hsl(222,75%,56%) |
#1D52D1 |
rgb(29,82,209) |
hsl(222,76%,47%) |
#1742A9 |
rgb(23,66,169) |
hsl(222,76%,38%) |
#123381 |
rgb(18,51,129) |
hsl(222,76%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BE3 |
rgb(57,107,227) |
hsl(222,75%,56%) |
#E35C39 |
rgb(227,92,57) |
hsl(12,75%,56%) |
#C0E339 |
rgb(192,227,57) |
hsl(72,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BE3 |
rgb(57,107,227) |
hsl(222,75%,56%) |
#E3B039 |
rgb(227,176,57) |
hsl(42,75%,56%) |
#39BFE3 |
rgb(57,191,227) |
hsl(193,75%,56%) |
#C0E339 |
rgb(192,227,57) |
hsl(72,75%,56%) |