HEX #3696A5 color — Boston Blue
The color #3696A5 is a light shade and moderately saturated.
Palette
3696A5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfd |
rgb(247,252,253) |
hsl(188,51%,98%) |
#e4f4f6 |
rgb(228,244,246) |
hsl(188,51%,93%) |
#d1ecf0 |
rgb(209,236,240) |
hsl(188,51%,88%) |
#bee4ea |
rgb(190,228,234) |
hsl(188,51%,83%) |
#aadce4 |
rgb(170,220,228) |
hsl(188,51%,78%) |
#97d4dd |
rgb(151,212,221) |
hsl(188,51%,73%) |
#84ccd7 |
rgb(132,204,215) |
hsl(188,51%,68%) |
#71c4d1 |
rgb(113,196,209) |
hsl(188,51%,63%) |
#5dbccb |
rgb(93,188,203) |
hsl(188,51%,58%) |
#4ab4c4 |
rgb(74,180,196) |
hsl(188,51%,53%) |
#3ca8b9 |
rgb(60,168,185) |
hsl(188,51%,48%) |
#3697a6 |
rgb(54,151,166) |
hsl(188,51%,43%) |
#2f8592 |
rgb(47,133,146) |
hsl(188,51%,38%) |
#29747f |
rgb(41,116,127) |
hsl(188,51%,33%) |
#23626c |
rgb(35,98,108) |
hsl(188,51%,28%) |
#1d5159 |
rgb(29,81,89) |
hsl(188,51%,23%) |
#163f45 |
rgb(22,63,69) |
hsl(188,51%,18%) |
#102e32 |
rgb(16,46,50) |
hsl(188,51%,13%) |
#0a1c1f |
rgb(10,28,31) |
hsl(188,51%,8%) |
#040b0c |
rgb(4,11,12) |
hsl(188,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A66A |
rgb(54,166,106) |
hsl(148,51%,43%) |
#3696A5 |
rgb(54,150,165) |
hsl(188,51%,43%) |
#364DA5 |
rgb(54,77,165) |
hsl(228,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#58BAC8 |
rgb(88,186,200) |
hsl(188,50%,56%) |
#3EADBF |
rgb(62,173,191) |
hsl(188,51%,50%) |
#3696A5 |
rgb(54,150,165) |
hsl(188,51%,43%) |
#2D7D8A |
rgb(45,125,138) |
hsl(188,51%,36%) |
#246670 |
rgb(36,102,112) |
hsl(188,51%,29%) |
#1C4F55 |
rgb(28,79,85) |
hsl(186,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3696A5 |
rgb(54,150,165) |
hsl(188,51%,43%) |
#A5365E |
rgb(165,54,94) |
hsl(338,51%,43%) |
#A57D36 |
rgb(165,125,54) |
hsl(38,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3696A5 |
rgb(54,150,165) |
hsl(188,51%,43%) |
#A54536 |
rgb(165,69,54) |
hsl(8,51%,43%) |
#36A67C |
rgb(54,166,124) |
hsl(158,51%,43%) |
#A57D36 |
rgb(165,125,54) |
hsl(38,51%,43%) |