HEX #337AA2 color — Astral
The color #337AA2 is a dark shade and moderately saturated.
Palette
337AA2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fb |
rgb(243,248,251) |
hsl(202,52%,97%) |
#e0edf5 |
rgb(224,237,245) |
hsl(202,52%,92%) |
#cde2ef |
rgb(205,226,239) |
hsl(202,52%,87%) |
#b9d7e9 |
rgb(185,215,233) |
hsl(202,52%,82%) |
#a6cce3 |
rgb(166,204,227) |
hsl(202,52%,77%) |
#92c2dd |
rgb(146,194,221) |
hsl(202,52%,72%) |
#7fb7d7 |
rgb(127,183,215) |
hsl(202,52%,67%) |
#6cacd0 |
rgb(108,172,208) |
hsl(202,52%,62%) |
#58a1ca |
rgb(88,161,202) |
hsl(202,52%,57%) |
#4596c4 |
rgb(69,150,196) |
hsl(202,52%,52%) |
#3a88b6 |
rgb(58,136,182) |
hsl(202,52%,47%) |
#337aa3 |
rgb(51,122,163) |
hsl(202,52%,42%) |
#2d6b8f |
rgb(45,107,143) |
hsl(202,52%,37%) |
#275d7c |
rgb(39,93,124) |
hsl(202,52%,32%) |
#214e69 |
rgb(33,78,105) |
hsl(202,52%,27%) |
#1b4055 |
rgb(27,64,85) |
hsl(202,52%,22%) |
#153142 |
rgb(21,49,66) |
hsl(202,52%,17%) |
#0f232f |
rgb(15,35,47) |
hsl(202,52%,12%) |
#09141b |
rgb(9,20,27) |
hsl(202,52%,7%) |
#020608 |
rgb(2,6,8) |
hsl(202,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A380 |
rgb(51,163,128) |
hsl(161,52%,42%) |
#337AA2 |
rgb(51,122,162) |
hsl(202,52%,42%) |
#3633A2 |
rgb(54,51,162) |
hsl(242,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#509EC8 |
rgb(80,158,200) |
hsl(201,52%,55%) |
#3B8CBB |
rgb(59,140,187) |
hsl(202,52%,48%) |
#337AA2 |
rgb(51,122,162) |
hsl(202,52%,42%) |
#2A6688 |
rgb(42,102,136) |
hsl(202,53%,35%) |
#22546E |
rgb(34,84,110) |
hsl(201,53%,28%) |
#1A4054 |
rgb(26,64,84) |
hsl(201,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#337AA2 |
rgb(51,122,162) |
hsl(202,52%,42%) |
#A23342 |
rgb(162,51,66) |
hsl(352,52%,42%) |
#A29133 |
rgb(162,145,51) |
hsl(51,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337AA2 |
rgb(51,122,162) |
hsl(202,52%,42%) |
#A25C33 |
rgb(162,92,51) |
hsl(22,52%,42%) |
#33A392 |
rgb(51,163,146) |
hsl(171,52%,42%) |
#A29133 |
rgb(162,145,51) |
hsl(51,52%,42%) |