HEX #396EC4 color — Indigo
The color #396EC4 is a dark shade and moderately saturated.
Palette
396EC4 color palette from light to dark
HEX |
RGB |
HSL |
#ebf1f9 |
rgb(235,241,249) |
hsl(217,55%,95%) |
#d7e2f4 |
rgb(215,226,244) |
hsl(217,55%,90%) |
#c4d4ee |
rgb(196,212,238) |
hsl(217,55%,85%) |
#b0c5e8 |
rgb(176,197,232) |
hsl(217,55%,80%) |
#9cb7e2 |
rgb(156,183,226) |
hsl(217,55%,75%) |
#88a9dd |
rgb(136,169,221) |
hsl(217,55%,70%) |
#759ad7 |
rgb(117,154,215) |
hsl(217,55%,65%) |
#618cd1 |
rgb(97,140,209) |
hsl(217,55%,60%) |
#4d7ecb |
rgb(77,126,203) |
hsl(217,55%,55%) |
#396fc6 |
rgb(57,111,198) |
hsl(217,55%,50%) |
#3464b2 |
rgb(52,100,178) |
hsl(217,55%,45%) |
#2e599e |
rgb(46,89,158) |
hsl(217,55%,40%) |
#284e8a |
rgb(40,78,138) |
hsl(217,55%,35%) |
#224377 |
rgb(34,67,119) |
hsl(217,55%,30%) |
#1d3863 |
rgb(29,56,99) |
hsl(217,55%,25%) |
#172c4f |
rgb(23,44,79) |
hsl(217,55%,20%) |
#11213b |
rgb(17,33,59) |
hsl(217,55%,15%) |
#0b1628 |
rgb(11,22,40) |
hsl(217,55%,10%) |
#060b14 |
rgb(6,11,20) |
hsl(217,55%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#39C4BD |
rgb(57,196,189) |
hsl(177,55%,50%) |
#396EC4 |
rgb(57,110,196) |
hsl(217,55%,50%) |
#6038C4 |
rgb(96,56,196) |
hsl(257,56%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#769CD7 |
rgb(118,156,215) |
hsl(216,55%,65%) |
#5785CE |
rgb(87,133,206) |
hsl(217,55%,57%) |
#396EC4 |
rgb(57,110,196) |
hsl(217,55%,50%) |
#2F5CA4 |
rgb(47,92,164) |
hsl(217,55%,41%) |
#264A85 |
rgb(38,74,133) |
hsl(217,56%,34%) |
#1D3865 |
rgb(29,56,101) |
hsl(218,55%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#396EC4 |
rgb(57,110,196) |
hsl(217,55%,50%) |
#C44A39 |
rgb(196,74,57) |
hsl(7,55%,50%) |
#B3C439 |
rgb(179,196,57) |
hsl(67,55%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396EC4 |
rgb(57,110,196) |
hsl(217,55%,50%) |
#C48F39 |
rgb(196,143,57) |
hsl(37,55%,50%) |
#39B3C4 |
rgb(57,179,196) |
hsl(187,55%,50%) |
#B3C439 |
rgb(179,196,57) |
hsl(67,55%,50%) |