HEX #337DC4 color — Mariner
The color #337DC4 is a dark shade and moderately saturated.
Palette
337DC4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(209,59%,98%) |
#e3eef8 |
rgb(227,238,248) |
hsl(209,59%,93%) |
#cee1f2 |
rgb(206,225,242) |
hsl(209,59%,88%) |
#bad5ed |
rgb(186,213,237) |
hsl(209,59%,83%) |
#a6c8e8 |
rgb(166,200,232) |
hsl(209,59%,78%) |
#92bce3 |
rgb(146,188,227) |
hsl(209,59%,73%) |
#7dafde |
rgb(125,175,222) |
hsl(209,59%,68%) |
#69a3d8 |
rgb(105,163,216) |
hsl(209,59%,63%) |
#5596d3 |
rgb(85,150,211) |
hsl(209,59%,58%) |
#408ace |
rgb(64,138,206) |
hsl(209,59%,53%) |
#327dc3 |
rgb(50,125,195) |
hsl(209,59%,48%) |
#2d70ae |
rgb(45,112,174) |
hsl(209,59%,43%) |
#28639a |
rgb(40,99,154) |
hsl(209,59%,38%) |
#235686 |
rgb(35,86,134) |
hsl(209,59%,33%) |
#1d4972 |
rgb(29,73,114) |
hsl(209,59%,28%) |
#183c5d |
rgb(24,60,93) |
hsl(209,59%,23%) |
#132f49 |
rgb(19,47,73) |
hsl(209,59%,18%) |
#0e2235 |
rgb(14,34,53) |
hsl(209,59%,13%) |
#081520 |
rgb(8,21,32) |
hsl(209,59%,8%) |
#03080c |
rgb(3,8,12) |
hsl(209,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33C4AA |
rgb(51,196,170) |
hsl(169,59%,48%) |
#337DC4 |
rgb(51,125,196) |
hsl(209,59%,48%) |
#4933C4 |
rgb(73,51,196) |
hsl(249,59%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6DA3D9 |
rgb(109,163,217) |
hsl(210,59%,64%) |
#4D91D0 |
rgb(77,145,208) |
hsl(209,58%,56%) |
#337DC4 |
rgb(51,125,196) |
hsl(209,59%,48%) |
#2A69A4 |
rgb(42,105,164) |
hsl(209,59%,40%) |
#225485 |
rgb(34,84,133) |
hsl(210,59%,33%) |
#1A4065 |
rgb(26,64,101) |
hsl(210,59%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#337DC4 |
rgb(51,125,196) |
hsl(209,59%,48%) |
#C43334 |
rgb(196,51,52) |
hsl(360,59%,48%) |
#C4C233 |
rgb(196,194,51) |
hsl(59,59%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337DC4 |
rgb(51,125,196) |
hsl(209,59%,48%) |
#C47A33 |
rgb(196,122,51) |
hsl(29,59%,48%) |
#33C4C2 |
rgb(51,196,194) |
hsl(179,59%,48%) |
#C4C233 |
rgb(196,194,51) |
hsl(59,59%,48%) |