HEX #337AA2 color — Astral

The color #337AA2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)