HEX #316EA3 color — Astral
The color #316EA3 is a dark shade and moderately saturated.
Palette
316EA3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fb |
rgb(243,248,251) |
hsl(208,54%,97%) |
#e0ebf6 |
rgb(224,235,246) |
hsl(208,54%,92%) |
#ccdff0 |
rgb(204,223,240) |
hsl(208,54%,87%) |
#b8d3ea |
rgb(184,211,234) |
hsl(208,54%,82%) |
#a5c6e4 |
rgb(165,198,228) |
hsl(208,54%,77%) |
#91bade |
rgb(145,186,222) |
hsl(208,54%,72%) |
#7daed8 |
rgb(125,174,216) |
hsl(208,54%,67%) |
#6aa2d2 |
rgb(106,162,210) |
hsl(208,54%,62%) |
#5695cd |
rgb(86,149,205) |
hsl(208,54%,57%) |
#4389c7 |
rgb(67,137,199) |
hsl(208,54%,52%) |
#377cb9 |
rgb(55,124,185) |
hsl(208,54%,47%) |
#316fa5 |
rgb(49,111,165) |
hsl(208,54%,42%) |
#2b6291 |
rgb(43,98,145) |
hsl(208,54%,37%) |
#26557e |
rgb(38,85,126) |
hsl(208,54%,32%) |
#20476a |
rgb(32,71,106) |
hsl(208,54%,27%) |
#1a3a56 |
rgb(26,58,86) |
hsl(208,54%,22%) |
#142d43 |
rgb(20,45,67) |
hsl(208,54%,17%) |
#0e202f |
rgb(14,32,47) |
hsl(208,54%,12%) |
#08121b |
rgb(8,18,27) |
hsl(208,54%,7%) |
#020508 |
rgb(2,5,8) |
hsl(208,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A38C |
rgb(49,163,140) |
hsl(168,54%,42%) |
#316EA3 |
rgb(49,110,163) |
hsl(208,54%,42%) |
#4030A3 |
rgb(64,48,163) |
hsl(248,55%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E91C9 |
rgb(78,145,201) |
hsl(207,53%,55%) |
#3880BD |
rgb(56,128,189) |
hsl(208,54%,48%) |
#316EA3 |
rgb(49,110,163) |
hsl(208,54%,42%) |
#295C88 |
rgb(41,92,136) |
hsl(208,54%,35%) |
#214A6E |
rgb(33,74,110) |
hsl(208,54%,28%) |
#193854 |
rgb(25,56,84) |
hsl(208,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#316EA3 |
rgb(49,110,163) |
hsl(208,54%,42%) |
#A33035 |
rgb(163,48,53) |
hsl(357,55%,41%) |
#A39E31 |
rgb(163,158,49) |
hsl(57,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316EA3 |
rgb(49,110,163) |
hsl(208,54%,42%) |
#A36631 |
rgb(163,102,49) |
hsl(28,54%,42%) |
#31A39F |
rgb(49,163,159) |
hsl(178,54%,42%) |
#A39E31 |
rgb(163,158,49) |
hsl(57,54%,42%) |