HEX #337ADA color — Mariner
The color #337ADA is a dark shade and moderately saturated.
Palette
337ADA color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fd |
rgb(246,249,253) |
hsl(214,69%,98%) |
#e1ecf9 |
rgb(225,236,249) |
hsl(214,69%,93%) |
#cbdef6 |
rgb(203,222,246) |
hsl(214,69%,88%) |
#b6d0f2 |
rgb(182,208,242) |
hsl(214,69%,83%) |
#a0c2ee |
rgb(160,194,238) |
hsl(214,69%,78%) |
#8bb4ea |
rgb(139,180,234) |
hsl(214,69%,73%) |
#75a6e6 |
rgb(117,166,230) |
hsl(214,69%,68%) |
#6098e2 |
rgb(96,152,226) |
hsl(214,69%,63%) |
#4a8ade |
rgb(74,138,222) |
hsl(214,69%,58%) |
#347cda |
rgb(52,124,218) |
hsl(214,69%,53%) |
#266fcf |
rgb(38,111,207) |
hsl(214,69%,48%) |
#2264b9 |
rgb(34,100,185) |
hsl(214,69%,43%) |
#1e58a4 |
rgb(30,88,164) |
hsl(214,69%,38%) |
#1a4c8e |
rgb(26,76,142) |
hsl(214,69%,33%) |
#164179 |
rgb(22,65,121) |
hsl(214,69%,28%) |
#123563 |
rgb(18,53,99) |
hsl(214,69%,23%) |
#0e2a4e |
rgb(14,42,78) |
hsl(214,69%,18%) |
#0a1e38 |
rgb(10,30,56) |
hsl(214,69%,13%) |
#061322 |
rgb(6,19,34) |
hsl(214,69%,8%) |
#02070d |
rgb(2,7,13) |
hsl(214,69%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D9CA |
rgb(51,217,202) |
hsl(175,69%,53%) |
#337ADA |
rgb(51,122,218) |
hsl(214,69%,53%) |
#5B33DA |
rgb(91,51,218) |
hsl(254,69%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BA8E7 |
rgb(123,168,231) |
hsl(215,69%,69%) |
#5791E0 |
rgb(87,145,224) |
hsl(215,69%,61%) |
#337ADA |
rgb(51,122,218) |
hsl(214,69%,53%) |
#2266BF |
rgb(34,102,191) |
hsl(214,70%,44%) |
#1C529A |
rgb(28,82,154) |
hsl(214,69%,36%) |
#154076 |
rgb(21,64,118) |
hsl(213,70%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#337ADA |
rgb(51,122,218) |
hsl(214,69%,53%) |
#DA4033 |
rgb(218,64,51) |
hsl(5,69%,53%) |
#CDD933 |
rgb(205,217,51) |
hsl(64,69%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337ADA |
rgb(51,122,218) |
hsl(214,69%,53%) |
#DA9433 |
rgb(218,148,51) |
hsl(35,69%,53%) |
#33CFDA |
rgb(51,207,218) |
hsl(184,69%,53%) |
#CDD933 |
rgb(205,217,51) |
hsl(64,69%,53%) |