HEX #3696A6 color — Boston Blue
The color #3696A6 is a light shade and moderately saturated.
Palette
3696A6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfd |
rgb(247,252,253) |
hsl(189,51%,98%) |
#e4f4f6 |
rgb(228,244,246) |
hsl(189,51%,93%) |
#d1ebf0 |
rgb(209,235,240) |
hsl(189,51%,88%) |
#bee3ea |
rgb(190,227,234) |
hsl(189,51%,83%) |
#aadbe4 |
rgb(170,219,228) |
hsl(189,51%,78%) |
#97d3dd |
rgb(151,211,221) |
hsl(189,51%,73%) |
#84cbd7 |
rgb(132,203,215) |
hsl(189,51%,68%) |
#71c2d1 |
rgb(113,194,209) |
hsl(189,51%,63%) |
#5dbacb |
rgb(93,186,203) |
hsl(189,51%,58%) |
#4ab2c4 |
rgb(74,178,196) |
hsl(189,51%,53%) |
#3ca6b9 |
rgb(60,166,185) |
hsl(189,51%,48%) |
#3695a6 |
rgb(54,149,166) |
hsl(189,51%,43%) |
#2f8392 |
rgb(47,131,146) |
hsl(189,51%,38%) |
#29727f |
rgb(41,114,127) |
hsl(189,51%,33%) |
#23616c |
rgb(35,97,108) |
hsl(189,51%,28%) |
#1d5059 |
rgb(29,80,89) |
hsl(189,51%,23%) |
#163e45 |
rgb(22,62,69) |
hsl(189,51%,18%) |
#102d32 |
rgb(16,45,50) |
hsl(189,51%,13%) |
#0a1c1f |
rgb(10,28,31) |
hsl(189,51%,8%) |
#040a0c |
rgb(4,10,12) |
hsl(189,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A66B |
rgb(54,166,107) |
hsl(148,51%,43%) |
#3696A6 |
rgb(54,150,166) |
hsl(189,51%,43%) |
#364DA6 |
rgb(54,77,166) |
hsl(228,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#59BAC9 |
rgb(89,186,201) |
hsl(188,51%,57%) |
#3EADC0 |
rgb(62,173,192) |
hsl(189,51%,50%) |
#3696A6 |
rgb(54,150,166) |
hsl(189,51%,43%) |
#2D7D8B |
rgb(45,125,139) |
hsl(189,51%,36%) |
#246670 |
rgb(36,102,112) |
hsl(188,51%,29%) |
#1C4F56 |
rgb(28,79,86) |
hsl(187,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3696A6 |
rgb(54,150,166) |
hsl(189,51%,43%) |
#A6365E |
rgb(166,54,94) |
hsl(339,51%,43%) |
#A67D36 |
rgb(166,125,54) |
hsl(38,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3696A6 |
rgb(54,150,166) |
hsl(189,51%,43%) |
#A64536 |
rgb(166,69,54) |
hsl(8,51%,43%) |
#36A67E |
rgb(54,166,126) |
hsl(159,51%,43%) |
#A67D36 |
rgb(166,125,54) |
hsl(38,51%,43%) |