HEX #337AD4 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

337AD4 color palette from light to dark

HEX RGB HSL
#f2f7fc rgb(242,247,252) hsl(214,65%,97%)
#dde9f8 rgb(221,233,248) hsl(214,65%,92%)
#c8dbf3 rgb(200,219,243) hsl(214,65%,87%)
#b3cdef rgb(179,205,239) hsl(214,65%,82%)
#9ebfea rgb(158,191,234) hsl(214,65%,77%)
#89b1e6 rgb(137,177,230) hsl(214,65%,72%)
#74a4e2 rgb(116,164,226) hsl(214,65%,67%)
#5f96dd rgb(95,150,221) hsl(214,65%,62%)
#4a88d9 rgb(74,136,217) hsl(214,65%,57%)
#357ad4 rgb(53,122,212) hsl(214,65%,52%)
#2a6dc6 rgb(42,109,198) hsl(214,65%,47%)
#2562b1 rgb(37,98,177) hsl(214,65%,42%)
#21569c rgb(33,86,156) hsl(214,65%,37%)
#1d4b87 rgb(29,75,135) hsl(214,65%,32%)
#183f72 rgb(24,63,114) hsl(214,65%,27%)
#14335d rgb(20,51,93) hsl(214,65%,22%)
#0f2848 rgb(15,40,72) hsl(214,65%,17%)
#0b1c32 rgb(11,28,50) hsl(214,65%,12%)
#06101d rgb(6,16,29) hsl(214,65%,7%)
#020508 rgb(2,5,8) hsl(214,65%,2%)

Adjacent colors

HEX RGB HSL
#33D4C2 rgb(51,212,194) hsl(173,65%,52%)
#337AD4 rgb(51,122,212) hsl(214,65%,52%)
#5733D4 rgb(87,51,212) hsl(253,65%,52%)

Monochromatic colors

HEX RGB HSL
#78A8E2 rgb(120,168,226) hsl(213,65%,68%)
#5591DB rgb(85,145,219) hsl(213,65%,60%)
#337AD4 rgb(51,122,212) hsl(214,65%,52%)
#2666B6 rgb(38,102,182) hsl(213,65%,43%)
#1F5293 rgb(31,82,147) hsl(214,65%,35%)
#174070 rgb(23,64,112) hsl(212,66%,26%)

Triad color palettes

HEX RGB HSL
#337AD4 rgb(51,122,212) hsl(214,65%,52%)
#D43D33 rgb(212,61,51) hsl(4,65%,52%)
#CAD433 rgb(202,212,51) hsl(64,65%,52%)

Tetrad color palettes

HEX RGB HSL
#337AD4 rgb(51,122,212) hsl(214,65%,52%)
#D48C33 rgb(212,140,51) hsl(33,65%,52%)
#33C9D4 rgb(51,201,212) hsl(184,65%,52%)
#CAD433 rgb(202,212,51) hsl(64,65%,52%)