HEX #337DA9 color — Astral
The color #337DA9 is a dark shade and moderately saturated.
Palette
337DA9 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(202,54%,98%) |
#e4f0f7 |
rgb(228,240,247) |
hsl(202,54%,93%) |
#d0e5f1 |
rgb(208,229,241) |
hsl(202,54%,88%) |
#bcdaeb |
rgb(188,218,235) |
hsl(202,54%,83%) |
#a9cfe5 |
rgb(169,207,229) |
hsl(202,54%,78%) |
#95c4df |
rgb(149,196,223) |
hsl(202,54%,73%) |
#81b9d9 |
rgb(129,185,217) |
hsl(202,54%,68%) |
#6eaed4 |
rgb(110,174,212) |
hsl(202,54%,63%) |
#5aa3ce |
rgb(90,163,206) |
hsl(202,54%,58%) |
#4698c8 |
rgb(70,152,200) |
hsl(202,54%,53%) |
#388cbc |
rgb(56,140,188) |
hsl(202,54%,48%) |
#327da9 |
rgb(50,125,169) |
hsl(202,54%,43%) |
#2d6f95 |
rgb(45,111,149) |
hsl(202,54%,38%) |
#276082 |
rgb(39,96,130) |
hsl(202,54%,33%) |
#21526e |
rgb(33,82,110) |
hsl(202,54%,28%) |
#1b435a |
rgb(27,67,90) |
hsl(202,54%,23%) |
#153547 |
rgb(21,53,71) |
hsl(202,54%,18%) |
#0f2633 |
rgb(15,38,51) |
hsl(202,54%,13%) |
#09171f |
rgb(9,23,31) |
hsl(202,54%,8%) |
#04090c |
rgb(4,9,12) |
hsl(202,54%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A886 |
rgb(51,168,134) |
hsl(163,53%,43%) |
#337DA9 |
rgb(51,125,169) |
hsl(202,54%,43%) |
#3733A9 |
rgb(55,51,169) |
hsl(242,54%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#56A1CC |
rgb(86,161,204) |
hsl(202,54%,57%) |
#3B91C3 |
rgb(59,145,195) |
hsl(202,54%,50%) |
#337DA9 |
rgb(51,125,169) |
hsl(202,54%,43%) |
#2A698D |
rgb(42,105,141) |
hsl(202,54%,36%) |
#225472 |
rgb(34,84,114) |
hsl(203,54%,29%) |
#1A4057 |
rgb(26,64,87) |
hsl(203,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#337DA9 |
rgb(51,125,169) |
hsl(202,54%,43%) |
#A93342 |
rgb(169,51,66) |
hsl(352,54%,43%) |
#A99933 |
rgb(169,153,51) |
hsl(52,54%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337DA9 |
rgb(51,125,169) |
hsl(202,54%,43%) |
#A95E33 |
rgb(169,94,51) |
hsl(22,54%,43%) |
#33A89A |
rgb(51,168,154) |
hsl(173,53%,43%) |
#A99933 |
rgb(169,153,51) |
hsl(52,54%,43%) |