HEX #318CA4 color — Astral
The color #318CA4 is a dark shade and moderately saturated.
Palette
318CA4 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 |
#31A36F |
rgb(49,163,111) |
hsl(153,54%,42%) |
#318CA4 |
rgb(49,140,164) |
hsl(193,54%,42%) |
#3140A4 |
rgb(49,64,164) |
hsl(232,54%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4EB0CA |
rgb(78,176,202) |
hsl(193,54%,55%) |
#38A3BE |
rgb(56,163,190) |
hsl(192,54%,48%) |
#318CA4 |
rgb(49,140,164) |
hsl(193,54%,42%) |
#297589 |
rgb(41,117,137) |
hsl(193,54%,35%) |
#215E6F |
rgb(33,94,111) |
hsl(193,54%,28%) |
#194A55 |
rgb(25,74,85) |
hsl(191,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#318CA4 |
rgb(49,140,164) |
hsl(193,54%,42%) |
#A43052 |
rgb(164,48,82) |
hsl(342,55%,42%) |
#A48231 |
rgb(164,130,49) |
hsl(42,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#318CA4 |
rgb(49,140,164) |
hsl(193,54%,42%) |
#A44A31 |
rgb(164,74,49) |
hsl(13,54%,42%) |
#31A382 |
rgb(49,163,130) |
hsl(163,54%,42%) |
#A48231 |
rgb(164,130,49) |
hsl(42,54%,42%) |