HEX #396CA2 color — Astral
The color #396ca2 is a dark shade and moderately saturated.
Palette
396ca2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(211,48%,98%) |
#e5edf6 |
rgb(229,237,246) |
hsl(211,48%,93%) |
#d2e0ef |
rgb(210,224,239) |
hsl(211,48%,88%) |
#bfd3e8 |
rgb(191,211,232) |
hsl(211,48%,83%) |
#acc6e2 |
rgb(172,198,226) |
hsl(211,48%,78%) |
#99b9db |
rgb(153,185,219) |
hsl(211,48%,73%) |
#86acd5 |
rgb(134,172,213) |
hsl(211,48%,68%) |
#739fce |
rgb(115,159,206) |
hsl(211,48%,63%) |
#6092c7 |
rgb(96,146,199) |
hsl(211,48%,58%) |
#4e85c1 |
rgb(78,133,193) |
hsl(211,48%,53%) |
#4078b5 |
rgb(64,120,181) |
hsl(211,48%,48%) |
#396ca2 |
rgb(57,108,162) |
hsl(211,48%,43%) |
#325f8f |
rgb(50,95,143) |
hsl(211,48%,38%) |
#2c537d |
rgb(44,83,125) |
hsl(211,48%,33%) |
#25466a |
rgb(37,70,106) |
hsl(211,48%,28%) |
#1e3a57 |
rgb(30,58,87) |
hsl(211,48%,23%) |
#182d44 |
rgb(24,45,68) |
hsl(211,48%,18%) |
#112131 |
rgb(17,33,49) |
hsl(211,48%,13%) |
#0b141e |
rgb(11,20,30) |
hsl(211,48%,8%) |
#04080b |
rgb(4,8,11) |
hsl(211,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#39A392 |
rgb(57,163,146) |
hsl(170,48%,43%) |
#396CA2 |
rgb(57,108,162) |
hsl(211,48%,43%) |
#4C38A2 |
rgb(76,56,162) |
hsl(251,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B8FC5 |
rgb(91,143,197) |
hsl(211,48%,56%) |
#427DBB |
rgb(66,125,187) |
hsl(211,48%,50%) |
#396CA2 |
rgb(57,108,162) |
hsl(211,48%,43%) |
#2F5C88 |
rgb(47,92,136) |
hsl(210,49%,36%) |
#264A6E |
rgb(38,74,110) |
hsl(210,49%,29%) |
#1D3854 |
rgb(29,56,84) |
hsl(211,49%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#396CA2 |
rgb(57,108,162) |
hsl(211,48%,43%) |
#A23B39 |
rgb(162,59,57) |
hsl(1,48%,43%) |
#A0A339 |
rgb(160,163,57) |
hsl(62,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396CA2 |
rgb(57,108,162) |
hsl(211,48%,43%) |
#A27039 |
rgb(162,112,57) |
hsl(31,48%,43%) |
#39A1A2 |
rgb(57,161,162) |
hsl(181,48%,43%) |
#A0A339 |
rgb(160,163,57) |
hsl(62,48%,43%) |