HEX #3178A5 color — Astral
The color #3178A5 is a dark shade and moderately saturated.
Palette
3178A5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fb |
rgb(243,248,251) |
hsl(203,54%,97%) |
#e0edf6 |
rgb(224,237,246) |
hsl(203,54%,92%) |
#cce2f0 |
rgb(204,226,240) |
hsl(203,54%,87%) |
#b8d7ea |
rgb(184,215,234) |
hsl(203,54%,82%) |
#a5cce4 |
rgb(165,204,228) |
hsl(203,54%,77%) |
#91c1de |
rgb(145,193,222) |
hsl(203,54%,72%) |
#7db5d8 |
rgb(125,181,216) |
hsl(203,54%,67%) |
#6aaad2 |
rgb(106,170,210) |
hsl(203,54%,62%) |
#569fcd |
rgb(86,159,205) |
hsl(203,54%,57%) |
#4394c7 |
rgb(67,148,199) |
hsl(203,54%,52%) |
#3787b9 |
rgb(55,135,185) |
hsl(203,54%,47%) |
#3179a5 |
rgb(49,121,165) |
hsl(203,54%,42%) |
#2b6a91 |
rgb(43,106,145) |
hsl(203,54%,37%) |
#265c7e |
rgb(38,92,126) |
hsl(203,54%,32%) |
#204e6a |
rgb(32,78,106) |
hsl(203,54%,27%) |
#1a3f56 |
rgb(26,63,86) |
hsl(203,54%,22%) |
#143143 |
rgb(20,49,67) |
hsl(203,54%,17%) |
#0e222f |
rgb(14,34,47) |
hsl(203,54%,12%) |
#08141b |
rgb(8,20,27) |
hsl(203,54%,7%) |
#020608 |
rgb(2,6,8) |
hsl(203,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A684 |
rgb(49,166,132) |
hsl(163,54%,42%) |
#3178A5 |
rgb(49,120,165) |
hsl(203,54%,42%) |
#3730A5 |
rgb(55,48,165) |
hsl(244,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F9CCA |
rgb(79,156,202) |
hsl(202,54%,55%) |
#388CBF |
rgb(56,140,191) |
hsl(203,55%,48%) |
#3178A5 |
rgb(49,120,165) |
hsl(203,54%,42%) |
#29668A |
rgb(41,102,138) |
hsl(202,54%,35%) |
#215270 |
rgb(33,82,112) |
hsl(203,54%,28%) |
#193D55 |
rgb(25,61,85) |
hsl(204,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3178A5 |
rgb(49,120,165) |
hsl(203,54%,42%) |
#A5303E |
rgb(165,48,62) |
hsl(353,55%,42%) |
#A59931 |
rgb(165,153,49) |
hsl(54,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3178A5 |
rgb(49,120,165) |
hsl(203,54%,42%) |
#A55E31 |
rgb(165,94,49) |
hsl(23,54%,42%) |
#31A698 |
rgb(49,166,152) |
hsl(173,54%,42%) |
#A59931 |
rgb(165,153,49) |
hsl(54,54%,42%) |