HEX #396EA3 color — Astral
The color #396EA3 is a dark shade and moderately saturated.
Palette
396EA3 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(210,48%,98%) |
#e5edf6 |
rgb(229,237,246) |
hsl(210,48%,93%) |
#d2e0ef |
rgb(210,224,239) |
hsl(210,48%,88%) |
#bfd4e8 |
rgb(191,212,232) |
hsl(210,48%,83%) |
#acc7e2 |
rgb(172,199,226) |
hsl(210,48%,78%) |
#99badb |
rgb(153,186,219) |
hsl(210,48%,73%) |
#86add5 |
rgb(134,173,213) |
hsl(210,48%,68%) |
#73a1ce |
rgb(115,161,206) |
hsl(210,48%,63%) |
#6094c7 |
rgb(96,148,199) |
hsl(210,48%,58%) |
#4e87c1 |
rgb(78,135,193) |
hsl(210,48%,53%) |
#407ab5 |
rgb(64,122,181) |
hsl(210,48%,48%) |
#396ea2 |
rgb(57,110,162) |
hsl(210,48%,43%) |
#32618f |
rgb(50,97,143) |
hsl(210,48%,38%) |
#2c547d |
rgb(44,84,125) |
hsl(210,48%,33%) |
#25476a |
rgb(37,71,106) |
hsl(210,48%,28%) |
#1e3b57 |
rgb(30,59,87) |
hsl(210,48%,23%) |
#182e44 |
rgb(24,46,68) |
hsl(210,48%,18%) |
#112131 |
rgb(17,33,49) |
hsl(210,48%,13%) |
#0b141e |
rgb(11,20,30) |
hsl(210,48%,8%) |
#04080b |
rgb(4,8,11) |
hsl(210,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#39A391 |
rgb(57,163,145) |
hsl(170,48%,43%) |
#396EA3 |
rgb(57,110,163) |
hsl(210,48%,43%) |
#4A38A3 |
rgb(74,56,163) |
hsl(250,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C91C6 |
rgb(92,145,198) |
hsl(210,48%,57%) |
#4280BC |
rgb(66,128,188) |
hsl(210,48%,50%) |
#396EA3 |
rgb(57,110,163) |
hsl(210,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 |
#396EA3 |
rgb(57,110,163) |
hsl(210,48%,43%) |
#A33839 |
rgb(163,56,57) |
hsl(359,49%,43%) |
#A3A339 |
rgb(163,163,57) |
hsl(60,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396EA3 |
rgb(57,110,163) |
hsl(210,48%,43%) |
#A36E39 |
rgb(163,110,57) |
hsl(30,48%,43%) |
#39A3A3 |
rgb(57,163,163) |
hsl(180,48%,43%) |
#A3A339 |
rgb(163,163,57) |
hsl(60,48%,43%) |