HEX #3396C2 color — Boston Blue
The color #3396C2 is a light shade and moderately saturated.
Palette
3396C2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(198,58%,98%) |
#e3f1f8 |
rgb(227,241,248) |
hsl(198,58%,93%) |
#cfe7f2 |
rgb(207,231,242) |
hsl(198,58%,88%) |
#bbdeed |
rgb(187,222,237) |
hsl(198,58%,83%) |
#a6d4e7 |
rgb(166,212,231) |
hsl(198,58%,78%) |
#92cae2 |
rgb(146,202,226) |
hsl(198,58%,73%) |
#7ec0dd |
rgb(126,192,221) |
hsl(198,58%,68%) |
#6ab7d7 |
rgb(106,183,215) |
hsl(198,58%,63%) |
#56add2 |
rgb(86,173,210) |
hsl(198,58%,58%) |
#42a3cd |
rgb(66,163,205) |
hsl(198,58%,53%) |
#3397c1 |
rgb(51,151,193) |
hsl(198,58%,48%) |
#2e87ad |
rgb(46,135,173) |
hsl(198,58%,43%) |
#297799 |
rgb(41,119,153) |
hsl(198,58%,38%) |
#236885 |
rgb(35,104,133) |
hsl(198,58%,33%) |
#1e5871 |
rgb(30,88,113) |
hsl(198,58%,28%) |
#19485d |
rgb(25,72,93) |
hsl(198,58%,23%) |
#133949 |
rgb(19,57,73) |
hsl(198,58%,18%) |
#0e2934 |
rgb(14,41,52) |
hsl(198,58%,13%) |
#091920 |
rgb(9,25,32) |
hsl(198,58%,8%) |
#03090c |
rgb(3,9,12) |
hsl(198,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33C28E |
rgb(51,194,142) |
hsl(158,58%,48%) |
#3396C2 |
rgb(51,150,194) |
hsl(198,58%,48%) |
#3336C2 |
rgb(51,54,194) |
hsl(239,58%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6BB8D8 |
rgb(107,184,216) |
hsl(198,58%,63%) |
#4CA8D0 |
rgb(76,168,208) |
hsl(198,58%,56%) |
#3396C2 |
rgb(51,150,194) |
hsl(198,58%,48%) |
#2A7DA2 |
rgb(42,125,162) |
hsl(199,59%,40%) |
#226683 |
rgb(34,102,131) |
hsl(198,59%,32%) |
#1A4F64 |
rgb(26,79,100) |
hsl(197,59%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3396C2 |
rgb(51,150,194) |
hsl(198,58%,48%) |
#C2334E |
rgb(194,51,78) |
hsl(349,58%,48%) |
#C2A633 |
rgb(194,166,51) |
hsl(48,58%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3396C2 |
rgb(51,150,194) |
hsl(198,58%,48%) |
#C25E33 |
rgb(194,94,51) |
hsl(18,58%,48%) |
#33C2A6 |
rgb(51,194,166) |
hsl(168,58%,48%) |
#C2A633 |
rgb(194,166,51) |
hsl(48,58%,48%) |