HEX #396EA1 color — Astral
The color #396EA1 is a dark shade and moderately saturated.
Palette
396EA1 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(209,48%,98%) |
#e5edf6 |
rgb(229,237,246) |
hsl(209,48%,93%) |
#d2e1ef |
rgb(210,225,239) |
hsl(209,48%,88%) |
#bfd4e8 |
rgb(191,212,232) |
hsl(209,48%,83%) |
#acc8e2 |
rgb(172,200,226) |
hsl(209,48%,78%) |
#99bbdb |
rgb(153,187,219) |
hsl(209,48%,73%) |
#86afd5 |
rgb(134,175,213) |
hsl(209,48%,68%) |
#73a2ce |
rgb(115,162,206) |
hsl(209,48%,63%) |
#6096c7 |
rgb(96,150,199) |
hsl(209,48%,58%) |
#4e89c1 |
rgb(78,137,193) |
hsl(209,48%,53%) |
#407cb5 |
rgb(64,124,181) |
hsl(209,48%,48%) |
#396fa2 |
rgb(57,111,162) |
hsl(209,48%,43%) |
#32628f |
rgb(50,98,143) |
hsl(209,48%,38%) |
#2c557d |
rgb(44,85,125) |
hsl(209,48%,33%) |
#25496a |
rgb(37,73,106) |
hsl(209,48%,28%) |
#1e3c57 |
rgb(30,60,87) |
hsl(209,48%,23%) |
#182f44 |
rgb(24,47,68) |
hsl(209,48%,18%) |
#112231 |
rgb(17,34,49) |
hsl(209,48%,13%) |
#0b151e |
rgb(11,21,30) |
hsl(209,48%,8%) |
#04080b |
rgb(4,8,11) |
hsl(209,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#39A18E |
rgb(57,161,142) |
hsl(169,48%,43%) |
#396EA1 |
rgb(57,110,161) |
hsl(209,48%,43%) |
#4938A1 |
rgb(73,56,161) |
hsl(250,48%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5A91C4 |
rgb(90,145,196) |
hsl(209,47%,56%) |
#4280BA |
rgb(66,128,186) |
hsl(209,48%,49%) |
#396EA1 |
rgb(57,110,161) |
hsl(209,48%,43%) |
#2F5C87 |
rgb(47,92,135) |
hsl(209,48%,36%) |
#264A6D |
rgb(38,74,109) |
hsl(210,48%,29%) |
#1D3853 |
rgb(29,56,83) |
hsl(210,48%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#396EA1 |
rgb(57,110,161) |
hsl(209,48%,43%) |
#A1383A |
rgb(161,56,58) |
hsl(359,48%,43%) |
#A1A139 |
rgb(161,161,57) |
hsl(60,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396EA1 |
rgb(57,110,161) |
hsl(209,48%,43%) |
#A16B39 |
rgb(161,107,57) |
hsl(29,48%,43%) |
#39A1A0 |
rgb(57,161,160) |
hsl(179,48%,43%) |
#A1A139 |
rgb(161,161,57) |
hsl(60,48%,43%) |