HEX #396EC6 color — Indigo
The color #396EC6 is a dark shade and moderately saturated.
Palette
396EC6 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 |
#39C7C0 |
rgb(57,199,192) |
hsl(177,56%,50%) |
#396EC6 |
rgb(57,110,198) |
hsl(217,55%,50%) |
#6238C6 |
rgb(98,56,198) |
hsl(258,56%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#789CD8 |
rgb(120,156,216) |
hsl(218,55%,66%) |
#5885CF |
rgb(88,133,207) |
hsl(217,55%,58%) |
#396EC6 |
rgb(57,110,198) |
hsl(217,55%,50%) |
#2F5CA6 |
rgb(47,92,166) |
hsl(217,56%,42%) |
#264A86 |
rgb(38,74,134) |
hsl(218,56%,34%) |
#1D3866 |
rgb(29,56,102) |
hsl(218,56%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#396EC6 |
rgb(57,110,198) |
hsl(217,55%,50%) |
#C64A39 |
rgb(198,74,57) |
hsl(7,55%,50%) |
#B4C739 |
rgb(180,199,57) |
hsl(68,56%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396EC6 |
rgb(57,110,198) |
hsl(217,55%,50%) |
#C69139 |
rgb(198,145,57) |
hsl(37,55%,50%) |
#39B5C6 |
rgb(57,181,198) |
hsl(187,55%,50%) |
#B4C739 |
rgb(180,199,57) |
hsl(68,56%,50%) |