HEX #337AD7 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

337AD7 color palette from light to dark

HEX RGB HSL
#f2f7fc rgb(242,247,252) hsl(214,67%,97%)
#dde9f8 rgb(221,233,248) hsl(214,67%,92%)
#c8dbf4 rgb(200,219,244) hsl(214,67%,87%)
#b2cdf0 rgb(178,205,240) hsl(214,67%,82%)
#9dbfec rgb(157,191,236) hsl(214,67%,77%)
#88b1e7 rgb(136,177,231) hsl(214,67%,72%)
#72a3e3 rgb(114,163,227) hsl(214,67%,67%)
#5d95df rgb(93,149,223) hsl(214,67%,62%)
#4888db rgb(72,136,219) hsl(214,67%,57%)
#337ad7 rgb(51,122,215) hsl(214,67%,52%)
#286dc8 rgb(40,109,200) hsl(214,67%,47%)
#2362b3 rgb(35,98,179) hsl(214,67%,42%)
#1f569e rgb(31,86,158) hsl(214,67%,37%)
#1b4a88 rgb(27,74,136) hsl(214,67%,32%)
#173f73 rgb(23,63,115) hsl(214,67%,27%)
#13335e rgb(19,51,94) hsl(214,67%,22%)
#0e2748 rgb(14,39,72) hsl(214,67%,17%)
#0a1c33 rgb(10,28,51) hsl(214,67%,12%)
#06101e rgb(6,16,30) hsl(214,67%,7%)
#020509 rgb(2,5,9) hsl(214,67%,2%)

Adjacent colors

HEX RGB HSL
#33D6C6 rgb(51,214,198) hsl(174,67%,52%)
#337AD7 rgb(51,122,215) hsl(214,67%,52%)
#5933D7 rgb(89,51,215) hsl(254,67%,52%)

Monochromatic colors

HEX RGB HSL
#7AA8E4 rgb(122,168,228) hsl(214,66%,69%)
#5691DD rgb(86,145,221) hsl(214,67%,60%)
#337AD7 rgb(51,122,215) hsl(214,67%,52%)
#2466BA rgb(36,102,186) hsl(214,68%,44%)
#1D5297 rgb(29,82,151) hsl(214,68%,35%)
#164073 rgb(22,64,115) hsl(213,68%,27%)

Triad color palettes

HEX RGB HSL
#337AD7 rgb(51,122,215) hsl(214,67%,52%)
#D73D33 rgb(215,61,51) hsl(4,67%,52%)
#CCD633 rgb(204,214,51) hsl(64,67%,52%)

Tetrad color palettes

HEX RGB HSL
#337AD7 rgb(51,122,215) hsl(214,67%,52%)
#D78F33 rgb(215,143,51) hsl(34,67%,52%)
#33CCD7 rgb(51,204,215) hsl(184,67%,52%)
#CCD633 rgb(204,214,51) hsl(64,67%,52%)