HEX #3B82B2 color — Boston Blue
The color #3B82B2 is a dark shade and moderately saturated.
Palette
3B82B2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6fa |
rgb(240,246,250) |
hsl(204,50%,96%) |
#ddeaf4 |
rgb(221,234,244) |
hsl(204,50%,91%) |
#c9dfed |
rgb(201,223,237) |
hsl(204,50%,86%) |
#b6d3e7 |
rgb(182,211,231) |
hsl(204,50%,81%) |
#a3c8e0 |
rgb(163,200,224) |
hsl(204,50%,76%) |
#90bcda |
rgb(144,188,218) |
hsl(204,50%,71%) |
#7db1d4 |
rgb(125,177,212) |
hsl(204,50%,66%) |
#6aa5cd |
rgb(106,165,205) |
hsl(204,50%,61%) |
#579ac7 |
rgb(87,154,199) |
hsl(204,50%,56%) |
#448fc1 |
rgb(68,143,193) |
hsl(204,50%,51%) |
#3b81b0 |
rgb(59,129,176) |
hsl(204,50%,46%) |
#34739d |
rgb(52,115,157) |
hsl(204,50%,41%) |
#2e658a |
rgb(46,101,138) |
hsl(204,50%,36%) |
#285777 |
rgb(40,87,119) |
hsl(204,50%,31%) |
#214963 |
rgb(33,73,99) |
hsl(204,50%,26%) |
#1b3b50 |
rgb(27,59,80) |
hsl(204,50%,21%) |
#142d3d |
rgb(20,45,61) |
hsl(204,50%,16%) |
#0e1f2a |
rgb(14,31,42) |
hsl(204,50%,11%) |
#081117 |
rgb(8,17,23) |
hsl(204,50%,6%) |
#010304 |
rgb(1,3,4) |
hsl(204,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BB392 |
rgb(59,179,146) |
hsl(164,50%,47%) |
#3B82B2 |
rgb(59,130,178) |
hsl(204,50%,46%) |
#433BB2 |
rgb(67,59,178) |
hsl(244,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6AA6CD |
rgb(106,166,205) |
hsl(204,50%,61%) |
#4E94C4 |
rgb(78,148,196) |
hsl(204,50%,54%) |
#3B82B2 |
rgb(59,130,178) |
hsl(204,50%,46%) |
#316E95 |
rgb(49,110,149) |
hsl(203,51%,39%) |
#285979 |
rgb(40,89,121) |
hsl(204,50%,32%) |
#1E455C |
rgb(30,69,92) |
hsl(202,51%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B82B2 |
rgb(59,130,178) |
hsl(204,50%,46%) |
#B23B46 |
rgb(178,59,70) |
hsl(354,50%,46%) |
#B2A63B |
rgb(178,166,59) |
hsl(54,50%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B82B2 |
rgb(59,130,178) |
hsl(204,50%,46%) |
#B26B3B |
rgb(178,107,59) |
hsl(24,50%,46%) |
#3BB3A6 |
rgb(59,179,166) |
hsl(174,50%,47%) |
#B2A63B |
rgb(178,166,59) |
hsl(54,50%,46%) |