HEX #337DA1 color — Astral
The color #337DA1 is a dark shade and moderately saturated.
Palette
337DA1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fb |
rgb(243,249,251) |
hsl(200,52%,97%) |
#e0eef5 |
rgb(224,238,245) |
hsl(200,52%,92%) |
#cde4ef |
rgb(205,228,239) |
hsl(200,52%,87%) |
#b9d9e9 |
rgb(185,217,233) |
hsl(200,52%,82%) |
#a6cfe3 |
rgb(166,207,227) |
hsl(200,52%,77%) |
#92c4dd |
rgb(146,196,221) |
hsl(200,52%,72%) |
#7fb9d7 |
rgb(127,185,215) |
hsl(200,52%,67%) |
#6cafd0 |
rgb(108,175,208) |
hsl(200,52%,62%) |
#58a4ca |
rgb(88,164,202) |
hsl(200,52%,57%) |
#459ac4 |
rgb(69,154,196) |
hsl(200,52%,52%) |
#3a8db6 |
rgb(58,141,182) |
hsl(200,52%,47%) |
#337ea3 |
rgb(51,126,163) |
hsl(200,52%,42%) |
#2d6f8f |
rgb(45,111,143) |
hsl(200,52%,37%) |
#27607c |
rgb(39,96,124) |
hsl(200,52%,32%) |
#215169 |
rgb(33,81,105) |
hsl(200,52%,27%) |
#1b4255 |
rgb(27,66,85) |
hsl(200,52%,22%) |
#153342 |
rgb(21,51,66) |
hsl(200,52%,17%) |
#0f242f |
rgb(15,36,47) |
hsl(200,52%,12%) |
#09151b |
rgb(9,21,27) |
hsl(200,52%,7%) |
#020608 |
rgb(2,6,8) |
hsl(200,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A17B |
rgb(51,161,123) |
hsl(159,52%,42%) |
#337DA1 |
rgb(51,125,161) |
hsl(200,52%,42%) |
#3333A1 |
rgb(51,51,161) |
hsl(240,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#50A1C7 |
rgb(80,161,199) |
hsl(199,52%,55%) |
#3B91BA |
rgb(59,145,186) |
hsl(199,52%,48%) |
#337DA1 |
rgb(51,125,161) |
hsl(200,52%,42%) |
#2A6987 |
rgb(42,105,135) |
hsl(199,53%,35%) |
#22546D |
rgb(34,84,109) |
hsl(200,52%,28%) |
#1A4053 |
rgb(26,64,83) |
hsl(200,52%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#337DA1 |
rgb(51,125,161) |
hsl(200,52%,42%) |
#A13346 |
rgb(161,51,70) |
hsl(350,52%,42%) |
#A18F33 |
rgb(161,143,51) |
hsl(50,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337DA1 |
rgb(51,125,161) |
hsl(200,52%,42%) |
#A15733 |
rgb(161,87,51) |
hsl(20,52%,42%) |
#33A18E |
rgb(51,161,142) |
hsl(170,52%,42%) |
#A18F33 |
rgb(161,143,51) |
hsl(50,52%,42%) |