HEX #3B78B2 color — Boston Blue
The color #3B78B2 is a dark shade and moderately saturated.
Palette
3B78B2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fa |
rgb(240,245,250) |
hsl(209,50%,96%) |
#dde8f4 |
rgb(221,232,244) |
hsl(209,50%,91%) |
#c9dced |
rgb(201,220,237) |
hsl(209,50%,86%) |
#b6cfe7 |
rgb(182,207,231) |
hsl(209,50%,81%) |
#a3c3e0 |
rgb(163,195,224) |
hsl(209,50%,76%) |
#90b6da |
rgb(144,182,218) |
hsl(209,50%,71%) |
#7daad4 |
rgb(125,170,212) |
hsl(209,50%,66%) |
#6a9dcd |
rgb(106,157,205) |
hsl(209,50%,61%) |
#5791c7 |
rgb(87,145,199) |
hsl(209,50%,56%) |
#4484c1 |
rgb(68,132,193) |
hsl(209,50%,51%) |
#3b77b0 |
rgb(59,119,176) |
hsl(209,50%,46%) |
#346a9d |
rgb(52,106,157) |
hsl(209,50%,41%) |
#2e5d8a |
rgb(46,93,138) |
hsl(209,50%,36%) |
#285077 |
rgb(40,80,119) |
hsl(209,50%,31%) |
#214363 |
rgb(33,67,99) |
hsl(209,50%,26%) |
#1b3650 |
rgb(27,54,80) |
hsl(209,50%,21%) |
#14293d |
rgb(20,41,61) |
hsl(209,50%,16%) |
#0e1d2a |
rgb(14,29,42) |
hsl(209,50%,11%) |
#081017 |
rgb(8,16,23) |
hsl(209,50%,6%) |
#010304 |
rgb(1,3,4) |
hsl(209,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BB39C |
rgb(59,179,156) |
hsl(169,50%,47%) |
#3B78B2 |
rgb(59,120,178) |
hsl(209,50%,46%) |
#4D3BB2 |
rgb(77,59,178) |
hsl(249,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6A9ECD |
rgb(106,158,205) |
hsl(208,50%,61%) |
#4E8AC4 |
rgb(78,138,196) |
hsl(209,50%,54%) |
#3B78B2 |
rgb(59,120,178) |
hsl(209,50%,46%) |
#316695 |
rgb(49,102,149) |
hsl(208,51%,39%) |
#285279 |
rgb(40,82,121) |
hsl(209,50%,32%) |
#1E3D5C |
rgb(30,61,92) |
hsl(210,51%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B78B2 |
rgb(59,120,178) |
hsl(209,50%,46%) |
#B23B3C |
rgb(178,59,60) |
hsl(359,50%,46%) |
#B2B03B |
rgb(178,176,59) |
hsl(59,50%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B78B2 |
rgb(59,120,178) |
hsl(209,50%,46%) |
#B2753B |
rgb(178,117,59) |
hsl(29,50%,46%) |
#3BB3B0 |
rgb(59,179,176) |
hsl(179,50%,47%) |
#B2B03B |
rgb(178,176,59) |
hsl(59,50%,46%) |