HEX #3685C5 color — Boston Blue
The color #3685C5 is a dark shade and moderately saturated.
Palette
3685C5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(207,57%,99%) |
#e7f1f8 |
rgb(231,241,248) |
hsl(207,57%,94%) |
#d3e5f3 |
rgb(211,229,243) |
hsl(207,57%,89%) |
#bfd9ed |
rgb(191,217,237) |
hsl(207,57%,84%) |
#abcde8 |
rgb(171,205,232) |
hsl(207,57%,79%) |
#97c0e2 |
rgb(151,192,226) |
hsl(207,57%,74%) |
#83b4dd |
rgb(131,180,221) |
hsl(207,57%,69%) |
#6fa8d8 |
rgb(111,168,216) |
hsl(207,57%,64%) |
#5b9cd2 |
rgb(91,156,210) |
hsl(207,57%,59%) |
#4790cd |
rgb(71,144,205) |
hsl(207,57%,54%) |
#3684c4 |
rgb(54,132,196) |
hsl(207,57%,49%) |
#3077b0 |
rgb(48,119,176) |
hsl(207,57%,44%) |
#2b699c |
rgb(43,105,156) |
hsl(207,57%,39%) |
#255c88 |
rgb(37,92,136) |
hsl(207,57%,34%) |
#204e74 |
rgb(32,78,116) |
hsl(207,57%,29%) |
#1a4160 |
rgb(26,65,96) |
hsl(207,57%,24%) |
#15334c |
rgb(21,51,76) |
hsl(207,57%,19%) |
#0f2638 |
rgb(15,38,56) |
hsl(207,57%,14%) |
#0a1824 |
rgb(10,24,36) |
hsl(207,57%,9%) |
#040b10 |
rgb(4,11,16) |
hsl(207,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C4A5 |
rgb(54,196,165) |
hsl(167,57%,49%) |
#3685C5 |
rgb(54,133,197) |
hsl(207,57%,49%) |
#4636C5 |
rgb(70,54,197) |
hsl(247,57%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#72ABD8 |
rgb(114,171,216) |
hsl(206,57%,65%) |
#5399CF |
rgb(83,153,207) |
hsl(206,56%,57%) |
#3685C5 |
rgb(54,133,197) |
hsl(207,57%,49%) |
#2D70A5 |
rgb(45,112,165) |
hsl(207,57%,41%) |
#245985 |
rgb(36,89,133) |
hsl(207,57%,33%) |
#1C4566 |
rgb(28,69,102) |
hsl(207,57%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3685C5 |
rgb(54,133,197) |
hsl(207,57%,49%) |
#C5363D |
rgb(197,54,61) |
hsl(357,57%,49%) |
#C5BD36 |
rgb(197,189,54) |
hsl(57,57%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3685C5 |
rgb(54,133,197) |
hsl(207,57%,49%) |
#C57536 |
rgb(197,117,54) |
hsl(26,57%,49%) |
#36C4BD |
rgb(54,196,189) |
hsl(177,57%,49%) |
#C5BD36 |
rgb(197,189,54) |
hsl(57,57%,49%) |