HEX #377AA3 color — Astral
The color #377AA3 is a dark shade and moderately saturated.
Palette
377AA3 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(203,50%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(203,50%,93%) |
#d1e4f0 |
rgb(209,228,240) |
hsl(203,50%,88%) |
#bed9e9 |
rgb(190,217,233) |
hsl(203,50%,83%) |
#abcde3 |
rgb(171,205,227) |
hsl(203,50%,78%) |
#98c2dd |
rgb(152,194,221) |
hsl(203,50%,73%) |
#85b7d6 |
rgb(133,183,214) |
hsl(203,50%,68%) |
#71acd0 |
rgb(113,172,208) |
hsl(203,50%,63%) |
#5ea0c9 |
rgb(94,160,201) |
hsl(203,50%,58%) |
#4b95c3 |
rgb(75,149,195) |
hsl(203,50%,53%) |
#3d89b8 |
rgb(61,137,184) |
hsl(203,50%,48%) |
#377aa4 |
rgb(55,122,164) |
hsl(203,50%,43%) |
#306c91 |
rgb(48,108,145) |
hsl(203,50%,38%) |
#2a5e7e |
rgb(42,94,126) |
hsl(203,50%,33%) |
#24506b |
rgb(36,80,107) |
hsl(203,50%,28%) |
#1d4158 |
rgb(29,65,88) |
hsl(203,50%,23%) |
#173345 |
rgb(23,51,69) |
hsl(203,50%,18%) |
#112532 |
rgb(17,37,50) |
hsl(203,50%,13%) |
#0a171f |
rgb(10,23,31) |
hsl(203,50%,8%) |
#04090b |
rgb(4,9,11) |
hsl(203,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#37A384 |
rgb(55,163,132) |
hsl(163,50%,43%) |
#377AA3 |
rgb(55,122,163) |
hsl(203,50%,43%) |
#3C38A3 |
rgb(60,56,163) |
hsl(242,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#589EC6 |
rgb(88,158,198) |
hsl(202,49%,56%) |
#3F8CBD |
rgb(63,140,189) |
hsl(203,50%,49%) |
#377AA3 |
rgb(55,122,163) |
hsl(203,50%,43%) |
#2E6688 |
rgb(46,102,136) |
hsl(203,49%,36%) |
#25546E |
rgb(37,84,110) |
hsl(201,50%,29%) |
#1C4054 |
rgb(28,64,84) |
hsl(201,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#377AA3 |
rgb(55,122,163) |
hsl(203,50%,43%) |
#A33844 |
rgb(163,56,68) |
hsl(353,49%,43%) |
#A39637 |
rgb(163,150,55) |
hsl(53,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#377AA3 |
rgb(55,122,163) |
hsl(203,50%,43%) |
#A36137 |
rgb(163,97,55) |
hsl(23,50%,43%) |
#37A396 |
rgb(55,163,150) |
hsl(173,50%,43%) |
#A39637 |
rgb(163,150,55) |
hsl(53,50%,43%) |