HEX #337DC2 color — Boston Blue
The color #337DC2 is a dark shade and moderately saturated.
Palette
337DC2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(209,58%,98%) |
#e3edf8 |
rgb(227,237,248) |
hsl(209,58%,93%) |
#cfe1f2 |
rgb(207,225,242) |
hsl(209,58%,88%) |
#bbd4ed |
rgb(187,212,237) |
hsl(209,58%,83%) |
#a6c8e7 |
rgb(166,200,231) |
hsl(209,58%,78%) |
#92bbe2 |
rgb(146,187,226) |
hsl(209,58%,73%) |
#7eafdd |
rgb(126,175,221) |
hsl(209,58%,68%) |
#6aa2d7 |
rgb(106,162,215) |
hsl(209,58%,63%) |
#5696d2 |
rgb(86,150,210) |
hsl(209,58%,58%) |
#4289cd |
rgb(66,137,205) |
hsl(209,58%,53%) |
#337dc1 |
rgb(51,125,193) |
hsl(209,58%,48%) |
#2e70ad |
rgb(46,112,173) |
hsl(209,58%,43%) |
#296399 |
rgb(41,99,153) |
hsl(209,58%,38%) |
#235685 |
rgb(35,86,133) |
hsl(209,58%,33%) |
#1e4971 |
rgb(30,73,113) |
hsl(209,58%,28%) |
#193c5d |
rgb(25,60,93) |
hsl(209,58%,23%) |
#132f49 |
rgb(19,47,73) |
hsl(209,58%,18%) |
#0e2234 |
rgb(14,34,52) |
hsl(209,58%,13%) |
#091520 |
rgb(9,21,32) |
hsl(209,58%,8%) |
#03080c |
rgb(3,8,12) |
hsl(209,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33C2A7 |
rgb(51,194,167) |
hsl(169,58%,48%) |
#337DC2 |
rgb(51,125,194) |
hsl(209,58%,48%) |
#4833C2 |
rgb(72,51,194) |
hsl(249,58%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6BA3D8 |
rgb(107,163,216) |
hsl(209,58%,63%) |
#4C91D0 |
rgb(76,145,208) |
hsl(209,58%,56%) |
#337DC2 |
rgb(51,125,194) |
hsl(209,58%,48%) |
#2A69A2 |
rgb(42,105,162) |
hsl(209,59%,40%) |
#225483 |
rgb(34,84,131) |
hsl(209,59%,32%) |
#1A4064 |
rgb(26,64,100) |
hsl(209,59%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#337DC2 |
rgb(51,125,194) |
hsl(209,58%,48%) |
#C23335 |
rgb(194,51,53) |
hsl(359,58%,48%) |
#C2BF33 |
rgb(194,191,51) |
hsl(59,58%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337DC2 |
rgb(51,125,194) |
hsl(209,58%,48%) |
#C27833 |
rgb(194,120,51) |
hsl(29,58%,48%) |
#33C2BF |
rgb(51,194,191) |
hsl(179,58%,48%) |
#C2BF33 |
rgb(194,191,51) |
hsl(59,58%,48%) |