HEX #396BC7 color — Indigo
The color #396BC7 is a dark shade and moderately saturated.
Palette
396BC7 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf0f9 |
rgb(235,240,249) |
hsl(219,56%,95%) |
| #d7e1f4 |
rgb(215,225,244) |
hsl(219,56%,90%) |
| #c3d2ee |
rgb(195,210,238) |
hsl(219,56%,85%) |
| #afc3e9 |
rgb(175,195,233) |
hsl(219,56%,80%) |
| #9cb5e3 |
rgb(156,181,227) |
hsl(219,56%,75%) |
| #88a6dd |
rgb(136,166,221) |
hsl(219,56%,70%) |
| #7497d8 |
rgb(116,151,216) |
hsl(219,56%,65%) |
| #6088d2 |
rgb(96,136,210) |
hsl(219,56%,60%) |
| #4c79cd |
rgb(76,121,205) |
hsl(219,56%,55%) |
| #386ac7 |
rgb(56,106,199) |
hsl(219,56%,50%) |
| #325fb3 |
rgb(50,95,179) |
hsl(219,56%,45%) |
| #2d559f |
rgb(45,85,159) |
hsl(219,56%,40%) |
| #274a8b |
rgb(39,74,139) |
hsl(219,56%,35%) |
| #224077 |
rgb(34,64,119) |
hsl(219,56%,30%) |
| #1c3563 |
rgb(28,53,99) |
hsl(219,56%,25%) |
| #162a50 |
rgb(22,42,80) |
hsl(219,56%,20%) |
| #11203c |
rgb(17,32,60) |
hsl(219,56%,15%) |
| #0b1528 |
rgb(11,21,40) |
hsl(219,56%,10%) |
| #060b14 |
rgb(6,11,20) |
hsl(219,56%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #39C7C4 |
rgb(57,199,196) |
hsl(179,56%,50%) |
| #396BC7 |
rgb(57,107,199) |
hsl(219,56%,50%) |
| #6538C7 |
rgb(101,56,199) |
hsl(259,56%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #789CD9 |
rgb(120,156,217) |
hsl(218,56%,66%) |
| #5882D0 |
rgb(88,130,208) |
hsl(219,56%,58%) |
| #396BC7 |
rgb(57,107,199) |
hsl(219,56%,50%) |
| #2F59A7 |
rgb(47,89,167) |
hsl(219,56%,42%) |
| #264787 |
rgb(38,71,135) |
hsl(220,56%,34%) |
| #1D3867 |
rgb(29,56,103) |
hsl(218,56%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #396BC7 |
rgb(57,107,199) |
hsl(219,56%,50%) |
| #C74F39 |
rgb(199,79,57) |
hsl(9,56%,50%) |
| #B2C739 |
rgb(178,199,57) |
hsl(69,56%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #396BC7 |
rgb(57,107,199) |
hsl(219,56%,50%) |
| #C79439 |
rgb(199,148,57) |
hsl(38,56%,50%) |
| #39B3C7 |
rgb(57,179,199) |
hsl(188,56%,50%) |
| #B2C739 |
rgb(178,199,57) |
hsl(69,56%,50%) |
