HEX #3685BA color — Boston Blue
The color #3685BA is a dark shade and moderately saturated.
Palette
3685BA color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(204,55%,97%) |
#dfedf6 |
rgb(223,237,246) |
hsl(204,55%,92%) |
#cce1f0 |
rgb(204,225,240) |
hsl(204,55%,87%) |
#b8d6ea |
rgb(184,214,234) |
hsl(204,55%,82%) |
#a4cbe5 |
rgb(164,203,229) |
hsl(204,55%,77%) |
#90bfdf |
rgb(144,191,223) |
hsl(204,55%,72%) |
#7db4d9 |
rgb(125,180,217) |
hsl(204,55%,67%) |
#69a9d3 |
rgb(105,169,211) |
hsl(204,55%,62%) |
#559dce |
rgb(85,157,206) |
hsl(204,55%,57%) |
#4192c8 |
rgb(65,146,200) |
hsl(204,55%,52%) |
#3685ba |
rgb(54,133,186) |
hsl(204,55%,47%) |
#3077a6 |
rgb(48,119,166) |
hsl(204,55%,42%) |
#2a6992 |
rgb(42,105,146) |
hsl(204,55%,37%) |
#255b7e |
rgb(37,91,126) |
hsl(204,55%,32%) |
#1f4c6b |
rgb(31,76,107) |
hsl(204,55%,27%) |
#193e57 |
rgb(25,62,87) |
hsl(204,55%,22%) |
#143043 |
rgb(20,48,67) |
hsl(204,55%,17%) |
#0e222f |
rgb(14,34,47) |
hsl(204,55%,12%) |
#08141c |
rgb(8,20,28) |
hsl(204,55%,7%) |
#020608 |
rgb(2,6,8) |
hsl(204,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36BA97 |
rgb(54,186,151) |
hsl(164,55%,47%) |
#3685BA |
rgb(54,133,186) |
hsl(204,55%,47%) |
#3F36BA |
rgb(63,54,186) |
hsl(244,55%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#69A8D3 |
rgb(105,168,211) |
hsl(204,55%,62%) |
#4B99CA |
rgb(75,153,202) |
hsl(203,55%,54%) |
#3685BA |
rgb(54,133,186) |
hsl(204,55%,47%) |
#2D709C |
rgb(45,112,156) |
hsl(204,55%,39%) |
#24597E |
rgb(36,89,126) |
hsl(205,56%,32%) |
#1C4560 |
rgb(28,69,96) |
hsl(204,55%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3685BA |
rgb(54,133,186) |
hsl(204,55%,47%) |
#BA3643 |
rgb(186,54,67) |
hsl(354,55%,47%) |
#BAAD36 |
rgb(186,173,54) |
hsl(54,55%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3685BA |
rgb(54,133,186) |
hsl(204,55%,47%) |
#BA6B36 |
rgb(186,107,54) |
hsl(24,55%,47%) |
#36BAAD |
rgb(54,186,173) |
hsl(174,55%,47%) |
#BAAD36 |
rgb(186,173,54) |
hsl(54,55%,47%) |