HEX #337DD4 color — Mariner
The color #337DD4 is a dark shade and moderately saturated.
Palette
337DD4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(212,65%,97%) |
#ddeaf8 |
rgb(221,234,248) |
hsl(212,65%,92%) |
#c8dcf3 |
rgb(200,220,243) |
hsl(212,65%,87%) |
#b3cfef |
rgb(179,207,239) |
hsl(212,65%,82%) |
#9ec2ea |
rgb(158,194,234) |
hsl(212,65%,77%) |
#89b5e6 |
rgb(137,181,230) |
hsl(212,65%,72%) |
#74a7e2 |
rgb(116,167,226) |
hsl(212,65%,67%) |
#5f9add |
rgb(95,154,221) |
hsl(212,65%,62%) |
#4a8dd9 |
rgb(74,141,217) |
hsl(212,65%,57%) |
#357fd4 |
rgb(53,127,212) |
hsl(212,65%,52%) |
#2a73c6 |
rgb(42,115,198) |
hsl(212,65%,47%) |
#2566b1 |
rgb(37,102,177) |
hsl(212,65%,42%) |
#215a9c |
rgb(33,90,156) |
hsl(212,65%,37%) |
#1d4e87 |
rgb(29,78,135) |
hsl(212,65%,32%) |
#184272 |
rgb(24,66,114) |
hsl(212,65%,27%) |
#14365d |
rgb(20,54,93) |
hsl(212,65%,22%) |
#0f2948 |
rgb(15,41,72) |
hsl(212,65%,17%) |
#0b1d32 |
rgb(11,29,50) |
hsl(212,65%,12%) |
#06111d |
rgb(6,17,29) |
hsl(212,65%,7%) |
#020508 |
rgb(2,5,8) |
hsl(212,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D4BF |
rgb(51,212,191) |
hsl(172,65%,52%) |
#337DD4 |
rgb(51,125,212) |
hsl(212,65%,52%) |
#5433D4 |
rgb(84,51,212) |
hsl(252,65%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78A8E2 |
rgb(120,168,226) |
hsl(213,65%,68%) |
#5594DB |
rgb(85,148,219) |
hsl(212,65%,60%) |
#337DD4 |
rgb(51,125,212) |
hsl(212,65%,52%) |
#2669B6 |
rgb(38,105,182) |
hsl(212,65%,43%) |
#1F5493 |
rgb(31,84,147) |
hsl(213,65%,35%) |
#174070 |
rgb(23,64,112) |
hsl(212,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#337DD4 |
rgb(51,125,212) |
hsl(212,65%,52%) |
#D43B33 |
rgb(212,59,51) |
hsl(3,65%,52%) |
#CDD433 |
rgb(205,212,51) |
hsl(63,65%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337DD4 |
rgb(51,125,212) |
hsl(212,65%,52%) |
#D48A33 |
rgb(212,138,51) |
hsl(32,65%,52%) |
#33CFD4 |
rgb(51,207,212) |
hsl(182,65%,52%) |
#CDD433 |
rgb(205,212,51) |
hsl(63,65%,52%) |