HEX #337DA7 color — Astral
The color #337DA7 is a dark shade and moderately saturated.
Palette
337DA7 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(202,53%,98%) |
#e4f0f7 |
rgb(228,240,247) |
hsl(202,53%,93%) |
#d0e5f1 |
rgb(208,229,241) |
hsl(202,53%,88%) |
#bddaeb |
rgb(189,218,235) |
hsl(202,53%,83%) |
#a9cfe5 |
rgb(169,207,229) |
hsl(202,53%,78%) |
#96c4df |
rgb(150,196,223) |
hsl(202,53%,73%) |
#82b9d9 |
rgb(130,185,217) |
hsl(202,53%,68%) |
#6faed3 |
rgb(111,174,211) |
hsl(202,53%,63%) |
#5ba3cd |
rgb(91,163,205) |
hsl(202,53%,58%) |
#4898c7 |
rgb(72,152,199) |
hsl(202,53%,53%) |
#3a8cbb |
rgb(58,140,187) |
hsl(202,53%,48%) |
#347da8 |
rgb(52,125,168) |
hsl(202,53%,43%) |
#2e6f94 |
rgb(46,111,148) |
hsl(202,53%,38%) |
#286081 |
rgb(40,96,129) |
hsl(202,53%,33%) |
#22516d |
rgb(34,81,109) |
hsl(202,53%,28%) |
#1c435a |
rgb(28,67,90) |
hsl(202,53%,23%) |
#163446 |
rgb(22,52,70) |
hsl(202,53%,18%) |
#102633 |
rgb(16,38,51) |
hsl(202,53%,13%) |
#0a171f |
rgb(10,23,31) |
hsl(202,53%,8%) |
#04090c |
rgb(4,9,12) |
hsl(202,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A683 |
rgb(51,166,131) |
hsl(162,53%,43%) |
#337DA7 |
rgb(51,125,167) |
hsl(202,53%,43%) |
#3633A7 |
rgb(54,51,167) |
hsl(242,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#54A1CB |
rgb(84,161,203) |
hsl(201,53%,56%) |
#3B91C1 |
rgb(59,145,193) |
hsl(201,53%,49%) |
#337DA7 |
rgb(51,125,167) |
hsl(202,53%,43%) |
#2A698C |
rgb(42,105,140) |
hsl(201,54%,36%) |
#225471 |
rgb(34,84,113) |
hsl(202,54%,29%) |
#1A4056 |
rgb(26,64,86) |
hsl(202,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#337DA7 |
rgb(51,125,167) |
hsl(202,53%,43%) |
#A73343 |
rgb(167,51,67) |
hsl(352,53%,43%) |
#A79633 |
rgb(167,150,51) |
hsl(51,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337DA7 |
rgb(51,125,167) |
hsl(202,53%,43%) |
#A75C33 |
rgb(167,92,51) |
hsl(21,53%,43%) |
#33A697 |
rgb(51,166,151) |
hsl(172,53%,43%) |
#A79633 |
rgb(167,150,51) |
hsl(51,53%,43%) |