HEX #3A80B9 color — Boston Blue
The color #3A80B9 is a dark shade and moderately saturated.
Palette
3A80B9 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(207,52%,98%) |
#e4eef6 |
rgb(228,238,246) |
hsl(207,52%,93%) |
#d0e2f0 |
rgb(208,226,240) |
hsl(207,52%,88%) |
#bdd6ea |
rgb(189,214,234) |
hsl(207,52%,83%) |
#aacae4 |
rgb(170,202,228) |
hsl(207,52%,78%) |
#96bede |
rgb(150,190,222) |
hsl(207,52%,73%) |
#83b2d8 |
rgb(131,178,216) |
hsl(207,52%,68%) |
#70a6d2 |
rgb(112,166,210) |
hsl(207,52%,63%) |
#5c99cc |
rgb(92,153,204) |
hsl(207,52%,58%) |
#498dc5 |
rgb(73,141,197) |
hsl(207,52%,53%) |
#3b81ba |
rgb(59,129,186) |
hsl(207,52%,48%) |
#3573a7 |
rgb(53,115,167) |
hsl(207,52%,43%) |
#2f6693 |
rgb(47,102,147) |
hsl(207,52%,38%) |
#285980 |
rgb(40,89,128) |
hsl(207,52%,33%) |
#224b6d |
rgb(34,75,109) |
hsl(207,52%,28%) |
#1c3e59 |
rgb(28,62,89) |
hsl(207,52%,23%) |
#163046 |
rgb(22,48,70) |
hsl(207,52%,18%) |
#102332 |
rgb(16,35,50) |
hsl(207,52%,13%) |
#0a151f |
rgb(10,21,31) |
hsl(207,52%,8%) |
#04080c |
rgb(4,8,12) |
hsl(207,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABA9D |
rgb(58,186,157) |
hsl(166,52%,48%) |
#3A80B9 |
rgb(58,128,185) |
hsl(207,52%,48%) |
#483BB9 |
rgb(72,59,185) |
hsl(246,52%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6EA6D1 |
rgb(110,166,209) |
hsl(206,52%,63%) |
#5194C8 |
rgb(81,148,200) |
hsl(206,52%,55%) |
#3A80B9 |
rgb(58,128,185) |
hsl(207,52%,48%) |
#306B9B |
rgb(48,107,155) |
hsl(207,53%,40%) |
#27577D |
rgb(39,87,125) |
hsl(207,52%,32%) |
#1E4260 |
rgb(30,66,96) |
hsl(207,52%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A80B9 |
rgb(58,128,185) |
hsl(207,52%,48%) |
#B93B40 |
rgb(185,59,64) |
hsl(358,52%,48%) |
#B9B33A |
rgb(185,179,58) |
hsl(57,52%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A80B9 |
rgb(58,128,185) |
hsl(207,52%,48%) |
#B9733A |
rgb(185,115,58) |
hsl(27,52%,48%) |
#3ABAB2 |
rgb(58,186,178) |
hsl(176,52%,48%) |
#B9B33A |
rgb(185,179,58) |
hsl(57,52%,48%) |