HEX #317AA5 color — Astral
The color #317AA5 is a dark shade and moderately saturated.
Palette
317AA5 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 |
#31A682 |
rgb(49,166,130) |
hsl(162,54%,42%) |
#317AA5 |
rgb(49,122,165) |
hsl(202,54%,42%) |
#3530A5 |
rgb(53,48,165) |
hsl(243,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F9ECA |
rgb(79,158,202) |
hsl(201,54%,55%) |
#388CBF |
rgb(56,140,191) |
hsl(203,55%,48%) |
#317AA5 |
rgb(49,122,165) |
hsl(202,54%,42%) |
#29668A |
rgb(41,102,138) |
hsl(202,54%,35%) |
#215470 |
rgb(33,84,112) |
hsl(201,54%,28%) |
#194055 |
rgb(25,64,85) |
hsl(201,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#317AA5 |
rgb(49,122,165) |
hsl(202,54%,42%) |
#A53040 |
rgb(165,48,64) |
hsl(352,55%,42%) |
#A59631 |
rgb(165,150,49) |
hsl(52,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#317AA5 |
rgb(49,122,165) |
hsl(202,54%,42%) |
#A55C31 |
rgb(165,92,49) |
hsl(22,54%,42%) |
#31A696 |
rgb(49,166,150) |
hsl(172,54%,42%) |
#A59631 |
rgb(165,150,49) |
hsl(52,54%,42%) |