HEX #3A78A1 color — Astral

The color #3A78A1 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A78A1 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(204,47%,98%)
#e5eff6 rgb(229,239,246) hsl(204,47%,93%)
#d2e3ef rgb(210,227,239) hsl(204,47%,88%)
#bfd8e8 rgb(191,216,232) hsl(204,47%,83%)
#adcce1 rgb(173,204,225) hsl(204,47%,78%)
#9ac1db rgb(154,193,219) hsl(204,47%,73%)
#87b5d4 rgb(135,181,212) hsl(204,47%,68%)
#74aacd rgb(116,170,205) hsl(204,47%,63%)
#629ec6 rgb(98,158,198) hsl(204,47%,58%)
#4f92bf rgb(79,146,191) hsl(204,47%,53%)
#4186b4 rgb(65,134,180) hsl(204,47%,48%)
#3a78a1 rgb(58,120,161) hsl(204,47%,43%)
#336a8e rgb(51,106,142) hsl(204,47%,38%)
#2d5c7c rgb(45,92,124) hsl(204,47%,33%)
#264e69 rgb(38,78,105) hsl(204,47%,28%)
#1f4056 rgb(31,64,86) hsl(204,47%,23%)
#183243 rgb(24,50,67) hsl(204,47%,18%)
#122431 rgb(18,36,49) hsl(204,47%,13%)
#0b161e rgb(11,22,30) hsl(204,47%,8%)
#04080b rgb(4,8,11) hsl(204,47%,3%)

Adjacent colors

HEX RGB HSL
#3AA185 rgb(58,161,133) hsl(164,47%,43%)
#3A78A1 rgb(58,120,161) hsl(204,47%,43%)
#403BA1 rgb(64,59,161) hsl(243,46%,43%)

Monochromatic colors

HEX RGB HSL
#5C9CC4 rgb(92,156,196) hsl(203,47%,56%)
#438CBA rgb(67,140,186) hsl(203,47%,50%)
#3A78A1 rgb(58,120,161) hsl(204,47%,43%)
#306687 rgb(48,102,135) hsl(203,48%,36%)
#27526D rgb(39,82,109) hsl(203,47%,29%)
#1E3D53 rgb(30,61,83) hsl(205,47%,22%)

Triad color palettes

HEX RGB HSL
#3A78A1 rgb(58,120,161) hsl(204,47%,43%)
#A13B44 rgb(161,59,68) hsl(355,46%,43%)
#A1963A rgb(161,150,58) hsl(54,47%,43%)

Tetrad color palettes

HEX RGB HSL
#3A78A1 rgb(58,120,161) hsl(204,47%,43%)
#A1633A rgb(161,99,58) hsl(24,47%,43%)
#3AA196 rgb(58,161,150) hsl(174,47%,43%)
#A1963A rgb(161,150,58) hsl(54,47%,43%)