HEX #318CA5 color — Astral
The color #318CA5 is a dark shade and moderately saturated.
Palette
318CA5 color palette from light to dark
HEX |
RGB |
HSL |
#f3fafb |
rgb(243,250,251) |
hsl(193,54%,97%) |
#e0f1f6 |
rgb(224,241,246) |
hsl(193,54%,92%) |
#cce8f0 |
rgb(204,232,240) |
hsl(193,54%,87%) |
#b8dfea |
rgb(184,223,234) |
hsl(193,54%,82%) |
#a5d6e4 |
rgb(165,214,228) |
hsl(193,54%,77%) |
#91cdde |
rgb(145,205,222) |
hsl(193,54%,72%) |
#7dc5d8 |
rgb(125,197,216) |
hsl(193,54%,67%) |
#6abcd2 |
rgb(106,188,210) |
hsl(193,54%,62%) |
#56b3cd |
rgb(86,179,205) |
hsl(193,54%,57%) |
#43aac7 |
rgb(67,170,199) |
hsl(193,54%,52%) |
#379db9 |
rgb(55,157,185) |
hsl(193,54%,47%) |
#318ca5 |
rgb(49,140,165) |
hsl(193,54%,42%) |
#2b7b91 |
rgb(43,123,145) |
hsl(193,54%,37%) |
#266b7e |
rgb(38,107,126) |
hsl(193,54%,32%) |
#205a6a |
rgb(32,90,106) |
hsl(193,54%,27%) |
#1a4956 |
rgb(26,73,86) |
hsl(193,54%,22%) |
#143943 |
rgb(20,57,67) |
hsl(193,54%,17%) |
#0e282f |
rgb(14,40,47) |
hsl(193,54%,12%) |
#08171b |
rgb(8,23,27) |
hsl(193,54%,7%) |
#020708 |
rgb(2,7,8) |
hsl(193,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A670 |
rgb(49,166,112) |
hsl(152,54%,42%) |
#318CA5 |
rgb(49,140,165) |
hsl(193,54%,42%) |
#3140A5 |
rgb(49,64,165) |
hsl(232,54%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4FB0CA |
rgb(79,176,202) |
hsl(193,54%,55%) |
#38A3BF |
rgb(56,163,191) |
hsl(192,55%,48%) |
#318CA5 |
rgb(49,140,165) |
hsl(193,54%,42%) |
#29758A |
rgb(41,117,138) |
hsl(193,54%,35%) |
#215E70 |
rgb(33,94,112) |
hsl(194,54%,28%) |
#194A55 |
rgb(25,74,85) |
hsl(191,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#318CA5 |
rgb(49,140,165) |
hsl(193,54%,42%) |
#A53052 |
rgb(165,48,82) |
hsl(343,55%,42%) |
#A58531 |
rgb(165,133,49) |
hsl(43,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#318CA5 |
rgb(49,140,165) |
hsl(193,54%,42%) |
#A54A31 |
rgb(165,74,49) |
hsl(13,54%,42%) |
#31A684 |
rgb(49,166,132) |
hsl(163,54%,42%) |
#A58531 |
rgb(165,133,49) |
hsl(43,54%,42%) |