HEX #337AD1 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

337ad1 color palette from light to dark

HEX RGB HSL
#eef4fb rgb(238,244,251) hsl(213,63%,96%)
#dae7f7 rgb(218,231,247) hsl(213,63%,91%)
#c5d9f2 rgb(197,217,242) hsl(213,63%,86%)
#b0cbed rgb(176,203,237) hsl(213,63%,81%)
#9bbee8 rgb(155,190,232) hsl(213,63%,76%)
#86b0e4 rgb(134,176,228) hsl(213,63%,71%)
#72a3df rgb(114,163,223) hsl(213,63%,66%)
#5d95da rgb(93,149,218) hsl(213,63%,61%)
#4888d5 rgb(72,136,213) hsl(213,63%,56%)
#337ad1 rgb(51,122,209) hsl(213,63%,51%)
#2b6ebf rgb(43,110,191) hsl(213,63%,46%)
#2762aa rgb(39,98,170) hsl(213,63%,41%)
#225696 rgb(34,86,150) hsl(213,63%,36%)
#1d4a81 rgb(29,74,129) hsl(213,63%,31%)
#193e6c rgb(25,62,108) hsl(213,63%,26%)
#143257 rgb(20,50,87) hsl(213,63%,21%)
#0f2643 rgb(15,38,67) hsl(213,63%,16%)
#0a1a2e rgb(10,26,46) hsl(213,63%,11%)
#060e19 rgb(6,14,25) hsl(213,63%,6%)
#010204 rgb(1,2,4) hsl(213,63%,1%)

Adjacent colors

HEX RGB HSL
#33D1BE rgb(51,209,190) hsl(173,63%,51%)
#337AD1 rgb(51,122,209) hsl(213,63%,51%)
#5533D1 rgb(85,51,209) hsl(253,63%,51%)

Monochromatic colors

HEX RGB HSL
#76A6E0 rgb(118,166,224) hsl(213,63%,67%)
#5491D8 rgb(84,145,216) hsl(212,63%,59%)
#337AD1 rgb(51,122,209) hsl(213,63%,51%)
#2866B2 rgb(40,102,178) hsl(213,63%,43%)
#205290 rgb(32,82,144) hsl(213,64%,35%)
#18406E rgb(24,64,110) hsl(212,64%,26%)

Triad color palettes

HEX RGB HSL
#337AD1 rgb(51,122,209) hsl(213,63%,51%)
#D13B33 rgb(209,59,51) hsl(3,63%,51%)
#C9D133 rgb(201,209,51) hsl(63,63%,51%)

Tetrad color palettes

HEX RGB HSL
#337AD1 rgb(51,122,209) hsl(213,63%,51%)
#D18A33 rgb(209,138,51) hsl(33,63%,51%)
#33C9D1 rgb(51,201,209) hsl(183,63%,51%)
#C9D133 rgb(201,209,51) hsl(63,63%,51%)