HEX #337AD1 color — Mariner
The color #337ad1 is a dark shade and moderately saturated.
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%) |