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