HEX #337AD8 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

337AD8 color palette from light to dark

HEX RGB HSL
#f2f7fd rgb(242,247,253) hsl(214,68%,97%)
#dde9f8 rgb(221,233,248) hsl(214,68%,92%)
#c7dbf4 rgb(199,219,244) hsl(214,68%,87%)
#b2cdf0 rgb(178,205,240) hsl(214,68%,82%)
#9cbfec rgb(156,191,236) hsl(214,68%,77%)
#87b1e8 rgb(135,177,232) hsl(214,68%,72%)
#72a3e4 rgb(114,163,228) hsl(214,68%,67%)
#5c95e0 rgb(92,149,224) hsl(214,68%,62%)
#4787dc rgb(71,135,220) hsl(214,68%,57%)
#317ad8 rgb(49,122,216) hsl(214,68%,52%)
#266dc9 rgb(38,109,201) hsl(214,68%,47%)
#2261b4 rgb(34,97,180) hsl(214,68%,42%)
#1e569f rgb(30,86,159) hsl(214,68%,37%)
#1a4a89 rgb(26,74,137) hsl(214,68%,32%)
#163f74 rgb(22,63,116) hsl(214,68%,27%)
#12335e rgb(18,51,94) hsl(214,68%,22%)
#0e2749 rgb(14,39,73) hsl(214,68%,17%)
#0a1c33 rgb(10,28,51) hsl(214,68%,12%)
#06101e rgb(6,16,30) hsl(214,68%,7%)
#020509 rgb(2,5,9) hsl(214,68%,2%)

Adjacent colors

HEX RGB HSL
#33D9C8 rgb(51,217,200) hsl(174,69%,53%)
#337AD8 rgb(51,122,216) hsl(214,68%,52%)
#5A33D8 rgb(90,51,216) hsl(254,68%,52%)

Monochromatic colors

HEX RGB HSL
#7AA8E5 rgb(122,168,229) hsl(214,67%,69%)
#5691DE rgb(86,145,222) hsl(214,67%,60%)
#337AD8 rgb(51,122,216) hsl(214,68%,52%)
#2466BC rgb(36,102,188) hsl(214,68%,44%)
#1D5298 rgb(29,82,152) hsl(214,68%,35%)
#164074 rgb(22,64,116) hsl(213,68%,27%)

Triad color palettes

HEX RGB HSL
#337AD8 rgb(51,122,216) hsl(214,68%,52%)
#D84033 rgb(216,64,51) hsl(5,68%,52%)
#CCD933 rgb(204,217,51) hsl(65,69%,53%)

Tetrad color palettes

HEX RGB HSL
#337AD8 rgb(51,122,216) hsl(214,68%,52%)
#D89133 rgb(216,145,51) hsl(34,68%,52%)
#33CCD8 rgb(51,204,216) hsl(184,68%,52%)
#CCD933 rgb(204,217,51) hsl(65,69%,53%)