HEX #3A78B2 color — Boston Blue
The color #3A78B2 is a dark shade and moderately saturated.
Palette
3A78B2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fa |
rgb(240,245,250) |
hsl(209,51%,96%) |
#dce8f4 |
rgb(220,232,244) |
hsl(209,51%,91%) |
#c9dcee |
rgb(201,220,238) |
hsl(209,51%,86%) |
#b6cfe7 |
rgb(182,207,231) |
hsl(209,51%,81%) |
#a3c3e1 |
rgb(163,195,225) |
hsl(209,51%,76%) |
#8fb6db |
rgb(143,182,219) |
hsl(209,51%,71%) |
#7caad5 |
rgb(124,170,213) |
hsl(209,51%,66%) |
#699dce |
rgb(105,157,206) |
hsl(209,51%,61%) |
#5691c8 |
rgb(86,145,200) |
hsl(209,51%,56%) |
#4284c2 |
rgb(66,132,194) |
hsl(209,51%,51%) |
#3977b1 |
rgb(57,119,177) |
hsl(209,51%,46%) |
#336a9e |
rgb(51,106,158) |
hsl(209,51%,41%) |
#2d5d8b |
rgb(45,93,139) |
hsl(209,51%,36%) |
#275077 |
rgb(39,80,119) |
hsl(209,51%,31%) |
#204364 |
rgb(32,67,100) |
hsl(209,51%,26%) |
#1a3651 |
rgb(26,54,81) |
hsl(209,51%,21%) |
#14293e |
rgb(20,41,62) |
hsl(209,51%,16%) |
#0e1d2a |
rgb(14,29,42) |
hsl(209,51%,11%) |
#071017 |
rgb(7,16,23) |
hsl(209,51%,6%) |
#010304 |
rgb(1,3,4) |
hsl(209,51%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB39C |
rgb(58,179,156) |
hsl(169,51%,46%) |
#3A78B2 |
rgb(58,120,178) |
hsl(209,51%,46%) |
#4C3BB2 |
rgb(76,59,178) |
hsl(249,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#699ECE |
rgb(105,158,206) |
hsl(209,51%,61%) |
#4C8AC4 |
rgb(76,138,196) |
hsl(209,50%,53%) |
#3A78B2 |
rgb(58,120,178) |
hsl(209,51%,46%) |
#306695 |
rgb(48,102,149) |
hsl(208,51%,39%) |
#275279 |
rgb(39,82,121) |
hsl(209,51%,31%) |
#1E3D5C |
rgb(30,61,92) |
hsl(210,51%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A78B2 |
rgb(58,120,178) |
hsl(209,51%,46%) |
#B23B3C |
rgb(178,59,60) |
hsl(359,50%,46%) |
#B2B03A |
rgb(178,176,58) |
hsl(59,51%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A78B2 |
rgb(58,120,178) |
hsl(209,51%,46%) |
#B2733A |
rgb(178,115,58) |
hsl(29,51%,46%) |
#3AB3B0 |
rgb(58,179,176) |
hsl(179,51%,46%) |
#B2B03A |
rgb(178,176,58) |
hsl(59,51%,46%) |