HEX #3A78A1 color — Astral
The color #3A78A1 is a dark shade and moderately saturated.
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%) |