HEX #318AA5 color — Astral
The color #318aa5 is a dark shade and moderately saturated.
Palette
318aa5 color palette from light to dark
HEX |
RGB |
HSL |
#f3fafb |
rgb(243,250,251) |
hsl(194,54%,97%) |
#e0f0f6 |
rgb(224,240,246) |
hsl(194,54%,92%) |
#cce7f0 |
rgb(204,231,240) |
hsl(194,54%,87%) |
#b8deea |
rgb(184,222,234) |
hsl(194,54%,82%) |
#a5d5e4 |
rgb(165,213,228) |
hsl(194,54%,77%) |
#91ccde |
rgb(145,204,222) |
hsl(194,54%,72%) |
#7dc3d8 |
rgb(125,195,216) |
hsl(194,54%,67%) |
#6abad2 |
rgb(106,186,210) |
hsl(194,54%,62%) |
#56b1cd |
rgb(86,177,205) |
hsl(194,54%,57%) |
#43a8c7 |
rgb(67,168,199) |
hsl(194,54%,52%) |
#379ab9 |
rgb(55,154,185) |
hsl(194,54%,47%) |
#318aa5 |
rgb(49,138,165) |
hsl(194,54%,42%) |
#2b7a91 |
rgb(43,122,145) |
hsl(194,54%,37%) |
#26697e |
rgb(38,105,126) |
hsl(194,54%,32%) |
#20596a |
rgb(32,89,106) |
hsl(194,54%,27%) |
#1a4856 |
rgb(26,72,86) |
hsl(194,54%,22%) |
#143843 |
rgb(20,56,67) |
hsl(194,54%,17%) |
#0e272f |
rgb(14,39,47) |
hsl(194,54%,12%) |
#08171b |
rgb(8,23,27) |
hsl(194,54%,7%) |
#020708 |
rgb(2,7,8) |
hsl(194,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A672 |
rgb(49,166,114) |
hsl(153,54%,42%) |
#318AA5 |
rgb(49,138,165) |
hsl(194,54%,42%) |
#313DA5 |
rgb(49,61,165) |
hsl(234,54%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4FADCA |
rgb(79,173,202) |
hsl(194,54%,55%) |
#38A1BF |
rgb(56,161,191) |
hsl(193,55%,48%) |
#318AA5 |
rgb(49,138,165) |
hsl(194,54%,42%) |
#29738A |
rgb(41,115,138) |
hsl(194,54%,35%) |
#215E70 |
rgb(33,94,112) |
hsl(194,54%,28%) |
#194755 |
rgb(25,71,85) |
hsl(194,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#318AA5 |
rgb(49,138,165) |
hsl(194,54%,42%) |
#A53050 |
rgb(165,48,80) |
hsl(344,55%,42%) |
#A58731 |
rgb(165,135,49) |
hsl(44,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#318AA5 |
rgb(49,138,165) |
hsl(194,54%,42%) |
#A54D31 |
rgb(165,77,49) |
hsl(14,54%,42%) |
#31A686 |
rgb(49,166,134) |
hsl(164,54%,42%) |
#A58731 |
rgb(165,135,49) |
hsl(44,54%,42%) |