HEX #3678C2 color — Boston Blue
The color #3678C2 is a dark shade and moderately saturated.
Palette
3678C2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,56%,99%) |
#e7eff8 |
rgb(231,239,248) |
hsl(212,56%,94%) |
#d3e2f3 |
rgb(211,226,243) |
hsl(212,56%,89%) |
#bfd5ed |
rgb(191,213,237) |
hsl(212,56%,84%) |
#abc7e7 |
rgb(171,199,231) |
hsl(212,56%,79%) |
#98bae2 |
rgb(152,186,226) |
hsl(212,56%,74%) |
#84addc |
rgb(132,173,220) |
hsl(212,56%,69%) |
#70a0d7 |
rgb(112,160,215) |
hsl(212,56%,64%) |
#5c93d1 |
rgb(92,147,209) |
hsl(212,56%,59%) |
#4885cb |
rgb(72,133,203) |
hsl(212,56%,54%) |
#3778c3 |
rgb(55,120,195) |
hsl(212,56%,49%) |
#316caf |
rgb(49,108,175) |
hsl(212,56%,44%) |
#2c609b |
rgb(44,96,155) |
hsl(212,56%,39%) |
#265387 |
rgb(38,83,135) |
hsl(212,56%,34%) |
#214773 |
rgb(33,71,115) |
hsl(212,56%,29%) |
#1b3b5f |
rgb(27,59,95) |
hsl(212,56%,24%) |
#152f4c |
rgb(21,47,76) |
hsl(212,56%,19%) |
#102238 |
rgb(16,34,56) |
hsl(212,56%,14%) |
#0a1624 |
rgb(10,22,36) |
hsl(212,56%,9%) |
#040a10 |
rgb(4,10,16) |
hsl(212,56%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C2AE |
rgb(54,194,174) |
hsl(171,56%,49%) |
#3678C2 |
rgb(54,120,194) |
hsl(212,56%,49%) |
#5136C2 |
rgb(81,54,194) |
hsl(252,56%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#70A1D7 |
rgb(112,161,215) |
hsl(211,56%,64%) |
#518CCE |
rgb(81,140,206) |
hsl(212,56%,56%) |
#3678C2 |
rgb(54,120,194) |
hsl(212,56%,49%) |
#2D66A2 |
rgb(45,102,162) |
hsl(211,57%,41%) |
#245283 |
rgb(36,82,131) |
hsl(211,57%,33%) |
#1C3D64 |
rgb(28,61,100) |
hsl(213,56%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3678C2 |
rgb(54,120,194) |
hsl(212,56%,49%) |
#C23B36 |
rgb(194,59,54) |
hsl(2,56%,49%) |
#BEC236 |
rgb(190,194,54) |
hsl(62,56%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3678C2 |
rgb(54,120,194) |
hsl(212,56%,49%) |
#C28036 |
rgb(194,128,54) |
hsl(32,56%,49%) |
#36BFC2 |
rgb(54,191,194) |
hsl(181,56%,49%) |
#BEC236 |
rgb(190,194,54) |
hsl(62,56%,49%) |