HEX #396AC6 color — Indigo
The color #396ac6 is a dark shade and moderately saturated.
Palette
396ac6 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf0f9 |
rgb(235,240,249) |
hsl(219,55%,95%) |
| #d7e1f4 |
rgb(215,225,244) |
hsl(219,55%,90%) |
| #c4d2ee |
rgb(196,210,238) |
hsl(219,55%,85%) |
| #b0c4e8 |
rgb(176,196,232) |
hsl(219,55%,80%) |
| #9cb5e2 |
rgb(156,181,226) |
hsl(219,55%,75%) |
| #88a6dd |
rgb(136,166,221) |
hsl(219,55%,70%) |
| #7597d7 |
rgb(117,151,215) |
hsl(219,55%,65%) |
| #6188d1 |
rgb(97,136,209) |
hsl(219,55%,60%) |
| #4d79cb |
rgb(77,121,203) |
hsl(219,55%,55%) |
| #396ac6 |
rgb(57,106,198) |
hsl(219,55%,50%) |
| #3460b2 |
rgb(52,96,178) |
hsl(219,55%,45%) |
| #2e559e |
rgb(46,85,158) |
hsl(219,55%,40%) |
| #284b8a |
rgb(40,75,138) |
hsl(219,55%,35%) |
| #224077 |
rgb(34,64,119) |
hsl(219,55%,30%) |
| #1d3563 |
rgb(29,53,99) |
hsl(219,55%,25%) |
| #172b4f |
rgb(23,43,79) |
hsl(219,55%,20%) |
| #11203b |
rgb(17,32,59) |
hsl(219,55%,15%) |
| #0b1528 |
rgb(11,21,40) |
hsl(219,55%,10%) |
| #060b14 |
rgb(6,11,20) |
hsl(219,55%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #39C7C4 |
rgb(57,199,196) |
hsl(179,56%,50%) |
| #396AC6 |
rgb(57,106,198) |
hsl(219,55%,50%) |
| #6638C6 |
rgb(102,56,198) |
hsl(259,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7899D8 |
rgb(120,153,216) |
hsl(219,55%,66%) |
| #5882CF |
rgb(88,130,207) |
hsl(219,55%,58%) |
| #396AC6 |
rgb(57,106,198) |
hsl(219,55%,50%) |
| #2F59A6 |
rgb(47,89,166) |
hsl(219,56%,42%) |
| #264786 |
rgb(38,71,134) |
hsl(219,56%,34%) |
| #1D3866 |
rgb(29,56,102) |
hsl(218,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #396AC6 |
rgb(57,106,198) |
hsl(219,55%,50%) |
| #C64F39 |
rgb(198,79,57) |
hsl(9,55%,50%) |
| #B0C739 |
rgb(176,199,57) |
hsl(70,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #396AC6 |
rgb(57,106,198) |
hsl(219,55%,50%) |
| #C69439 |
rgb(198,148,57) |
hsl(39,55%,50%) |
| #39B0C6 |
rgb(57,176,198) |
hsl(189,55%,50%) |
| #B0C739 |
rgb(176,199,57) |
hsl(70,56%,50%) |
