HEX #317AA3 color — Astral
The color #317AA3 is a dark shade and moderately saturated.
Palette
317AA3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fb |
rgb(243,248,251) |
hsl(202,54%,97%) |
#e0eef6 |
rgb(224,238,246) |
hsl(202,54%,92%) |
#cce3f0 |
rgb(204,227,240) |
hsl(202,54%,87%) |
#b8d8ea |
rgb(184,216,234) |
hsl(202,54%,82%) |
#a5cde4 |
rgb(165,205,228) |
hsl(202,54%,77%) |
#91c2de |
rgb(145,194,222) |
hsl(202,54%,72%) |
#7db7d8 |
rgb(125,183,216) |
hsl(202,54%,67%) |
#6aacd2 |
rgb(106,172,210) |
hsl(202,54%,62%) |
#56a1cd |
rgb(86,161,205) |
hsl(202,54%,57%) |
#4396c7 |
rgb(67,150,199) |
hsl(202,54%,52%) |
#3789b9 |
rgb(55,137,185) |
hsl(202,54%,47%) |
#317ba5 |
rgb(49,123,165) |
hsl(202,54%,42%) |
#2b6c91 |
rgb(43,108,145) |
hsl(202,54%,37%) |
#265d7e |
rgb(38,93,126) |
hsl(202,54%,32%) |
#204f6a |
rgb(32,79,106) |
hsl(202,54%,27%) |
#1a4056 |
rgb(26,64,86) |
hsl(202,54%,22%) |
#143243 |
rgb(20,50,67) |
hsl(202,54%,17%) |
#0e232f |
rgb(14,35,47) |
hsl(202,54%,12%) |
#08141b |
rgb(8,20,27) |
hsl(202,54%,7%) |
#020608 |
rgb(2,6,8) |
hsl(202,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A380 |
rgb(49,163,128) |
hsl(162,54%,42%) |
#317AA3 |
rgb(49,122,163) |
hsl(202,54%,42%) |
#3430A3 |
rgb(52,48,163) |
hsl(242,55%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E9EC9 |
rgb(78,158,201) |
hsl(201,53%,55%) |
#388CBD |
rgb(56,140,189) |
hsl(202,54%,48%) |
#317AA3 |
rgb(49,122,163) |
hsl(202,54%,42%) |
#296688 |
rgb(41,102,136) |
hsl(201,54%,35%) |
#21546E |
rgb(33,84,110) |
hsl(200,54%,28%) |
#194054 |
rgb(25,64,84) |
hsl(200,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#317AA3 |
rgb(49,122,163) |
hsl(202,54%,42%) |
#A33041 |
rgb(163,48,65) |
hsl(351,55%,41%) |
#A39431 |
rgb(163,148,49) |
hsl(52,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#317AA3 |
rgb(49,122,163) |
hsl(202,54%,42%) |
#A35931 |
rgb(163,89,49) |
hsl(21,54%,42%) |
#31A393 |
rgb(49,163,147) |
hsl(172,54%,42%) |
#A39431 |
rgb(163,148,49) |
hsl(52,54%,42%) |