HEX #3396A6 color — Boston Blue
The color #3396A6 is a light shade and moderately saturated.
Palette
3396A6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfd |
rgb(247,252,253) |
hsl(188,53%,98%) |
#e4f4f7 |
rgb(228,244,247) |
hsl(188,53%,93%) |
#d0ecf1 |
rgb(208,236,241) |
hsl(188,53%,88%) |
#bde4eb |
rgb(189,228,235) |
hsl(188,53%,83%) |
#a9dde5 |
rgb(169,221,229) |
hsl(188,53%,78%) |
#96d5df |
rgb(150,213,223) |
hsl(188,53%,73%) |
#82cdd9 |
rgb(130,205,217) |
hsl(188,53%,68%) |
#6fc5d3 |
rgb(111,197,211) |
hsl(188,53%,63%) |
#5bbecd |
rgb(91,190,205) |
hsl(188,53%,58%) |
#48b6c7 |
rgb(72,182,199) |
hsl(188,53%,53%) |
#3aaabb |
rgb(58,170,187) |
hsl(188,53%,48%) |
#3498a8 |
rgb(52,152,168) |
hsl(188,53%,43%) |
#2e8794 |
rgb(46,135,148) |
hsl(188,53%,38%) |
#287581 |
rgb(40,117,129) |
hsl(188,53%,33%) |
#22636d |
rgb(34,99,109) |
hsl(188,53%,28%) |
#1c515a |
rgb(28,81,90) |
hsl(188,53%,23%) |
#164046 |
rgb(22,64,70) |
hsl(188,53%,18%) |
#102e33 |
rgb(16,46,51) |
hsl(188,53%,13%) |
#0a1c1f |
rgb(10,28,31) |
hsl(188,53%,8%) |
#040b0c |
rgb(4,11,12) |
hsl(188,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33A669 |
rgb(51,166,105) |
hsl(148,53%,43%) |
#3396A6 |
rgb(51,150,166) |
hsl(188,53%,43%) |
#334AA6 |
rgb(51,74,166) |
hsl(228,53%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#53BACA |
rgb(83,186,202) |
hsl(188,53%,56%) |
#3BADC0 |
rgb(59,173,192) |
hsl(189,53%,49%) |
#3396A6 |
rgb(51,150,166) |
hsl(188,53%,43%) |
#2A7D8B |
rgb(42,125,139) |
hsl(189,54%,35%) |
#226670 |
rgb(34,102,112) |
hsl(188,53%,29%) |
#1A4F56 |
rgb(26,79,86) |
hsl(187,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3396A6 |
rgb(51,150,166) |
hsl(188,53%,43%) |
#A6335C |
rgb(166,51,92) |
hsl(339,53%,43%) |
#A67D33 |
rgb(166,125,51) |
hsl(39,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3396A6 |
rgb(51,150,166) |
hsl(188,53%,43%) |
#A64233 |
rgb(166,66,51) |
hsl(8,53%,43%) |
#33A67C |
rgb(51,166,124) |
hsl(158,53%,43%) |
#A67D33 |
rgb(166,125,51) |
hsl(39,53%,43%) |