HEX #337AA6 color — Astral
The color #337AA6 is a dark shade and moderately saturated.
Palette
337AA6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(203,53%,98%) |
#e4eff7 |
rgb(228,239,247) |
hsl(203,53%,93%) |
#d0e4f1 |
rgb(208,228,241) |
hsl(203,53%,88%) |
#bdd9eb |
rgb(189,217,235) |
hsl(203,53%,83%) |
#a9cee5 |
rgb(169,206,229) |
hsl(203,53%,78%) |
#96c3df |
rgb(150,195,223) |
hsl(203,53%,73%) |
#82b7d9 |
rgb(130,183,217) |
hsl(203,53%,68%) |
#6facd3 |
rgb(111,172,211) |
hsl(203,53%,63%) |
#5ba1cd |
rgb(91,161,205) |
hsl(203,53%,58%) |
#4896c7 |
rgb(72,150,199) |
hsl(203,53%,53%) |
#3a8abb |
rgb(58,138,187) |
hsl(203,53%,48%) |
#347ba8 |
rgb(52,123,168) |
hsl(203,53%,43%) |
#2e6d94 |
rgb(46,109,148) |
hsl(203,53%,38%) |
#285f81 |
rgb(40,95,129) |
hsl(203,53%,33%) |
#22506d |
rgb(34,80,109) |
hsl(203,53%,28%) |
#1c425a |
rgb(28,66,90) |
hsl(203,53%,23%) |
#163446 |
rgb(22,52,70) |
hsl(203,53%,18%) |
#102533 |
rgb(16,37,51) |
hsl(203,53%,13%) |
#0a171f |
rgb(10,23,31) |
hsl(203,53%,8%) |
#04090c |
rgb(4,9,12) |
hsl(203,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A685 |
rgb(51,166,133) |
hsl(163,53%,43%) |
#337AA6 |
rgb(51,122,166) |
hsl(203,53%,43%) |
#3833A6 |
rgb(56,51,166) |
hsl(243,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#539ECA |
rgb(83,158,202) |
hsl(202,53%,56%) |
#3B8CC0 |
rgb(59,140,192) |
hsl(203,53%,49%) |
#337AA6 |
rgb(51,122,166) |
hsl(203,53%,43%) |
#2A668B |
rgb(42,102,139) |
hsl(203,54%,35%) |
#225470 |
rgb(34,84,112) |
hsl(202,53%,29%) |
#1A4056 |
rgb(26,64,86) |
hsl(202,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#337AA6 |
rgb(51,122,166) |
hsl(203,53%,43%) |
#A63340 |
rgb(166,51,64) |
hsl(353,53%,43%) |
#A69933 |
rgb(166,153,51) |
hsl(53,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337AA6 |
rgb(51,122,166) |
hsl(203,53%,43%) |
#A65E33 |
rgb(166,94,51) |
hsl(22,53%,43%) |
#33A698 |
rgb(51,166,152) |
hsl(173,53%,43%) |
#A69933 |
rgb(166,153,51) |
hsl(53,53%,43%) |