HEX #337AD2 color — Mariner
The color #337AD2 is a dark shade and moderately saturated.
Palette
337AD2 color palette from light to dark
HEX |
RGB |
HSL |
#eef4fb |
rgb(238,244,251) |
hsl(213,64%,96%) |
#d9e7f7 |
rgb(217,231,247) |
hsl(213,64%,91%) |
#c4d9f2 |
rgb(196,217,242) |
hsl(213,64%,86%) |
#b0cbee |
rgb(176,203,238) |
hsl(213,64%,81%) |
#9bbee9 |
rgb(155,190,233) |
hsl(213,64%,76%) |
#86b0e4 |
rgb(134,176,228) |
hsl(213,64%,71%) |
#71a3e0 |
rgb(113,163,224) |
hsl(213,64%,66%) |
#5c95db |
rgb(92,149,219) |
hsl(213,64%,61%) |
#4788d7 |
rgb(71,136,215) |
hsl(213,64%,56%) |
#327ad2 |
rgb(50,122,210) |
hsl(213,64%,51%) |
#2a6ec0 |
rgb(42,110,192) |
hsl(213,64%,46%) |
#2662ab |
rgb(38,98,171) |
hsl(213,64%,41%) |
#215697 |
rgb(33,86,151) |
hsl(213,64%,36%) |
#1c4a82 |
rgb(28,74,130) |
hsl(213,64%,31%) |
#183e6d |
rgb(24,62,109) |
hsl(213,64%,26%) |
#133258 |
rgb(19,50,88) |
hsl(213,64%,21%) |
#0f2643 |
rgb(15,38,67) |
hsl(213,64%,16%) |
#0a1a2e |
rgb(10,26,46) |
hsl(213,64%,11%) |
#060e19 |
rgb(6,14,25) |
hsl(213,64%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,64%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D1C0 |
rgb(51,209,192) |
hsl(174,63%,51%) |
#337AD2 |
rgb(51,122,210) |
hsl(213,64%,51%) |
#5633D2 |
rgb(86,51,210) |
hsl(253,64%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77A6E1 |
rgb(119,166,225) |
hsl(213,64%,67%) |
#5591D9 |
rgb(85,145,217) |
hsl(213,63%,59%) |
#337AD2 |
rgb(51,122,210) |
hsl(213,64%,51%) |
#2766B3 |
rgb(39,102,179) |
hsl(213,64%,43%) |
#205291 |
rgb(32,82,145) |
hsl(213,64%,35%) |
#18406F |
rgb(24,64,111) |
hsl(212,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#337AD2 |
rgb(51,122,210) |
hsl(213,64%,51%) |
#D23B33 |
rgb(210,59,51) |
hsl(3,64%,51%) |
#C9D133 |
rgb(201,209,51) |
hsl(63,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337AD2 |
rgb(51,122,210) |
hsl(213,64%,51%) |
#D28C33 |
rgb(210,140,51) |
hsl(34,64%,51%) |
#33C9D2 |
rgb(51,201,210) |
hsl(183,64%,51%) |
#C9D133 |
rgb(201,209,51) |
hsl(63,63%,51%) |