HEX #3685C4 color — Boston Blue
The color #3685C4 is a dark shade and moderately saturated.
Palette
3685C4 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 |
#36C4A4 |
rgb(54,196,164) |
hsl(166,57%,49%) |
#3685C4 |
rgb(54,133,196) |
hsl(207,57%,49%) |
#4536C4 |
rgb(69,54,196) |
hsl(246,57%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#71ABD8 |
rgb(113,171,216) |
hsl(206,57%,65%) |
#5299CF |
rgb(82,153,207) |
hsl(206,57%,57%) |
#3685C4 |
rgb(54,133,196) |
hsl(207,57%,49%) |
#2D70A4 |
rgb(45,112,164) |
hsl(206,57%,41%) |
#245985 |
rgb(36,89,133) |
hsl(207,57%,33%) |
#1C4565 |
rgb(28,69,101) |
hsl(206,57%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3685C4 |
rgb(54,133,196) |
hsl(207,57%,49%) |
#C4363E |
rgb(196,54,62) |
hsl(357,57%,49%) |
#C4BD36 |
rgb(196,189,54) |
hsl(57,57%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3685C4 |
rgb(54,133,196) |
hsl(207,57%,49%) |
#C47536 |
rgb(196,117,54) |
hsl(27,57%,49%) |
#36C4BC |
rgb(54,196,188) |
hsl(177,57%,49%) |
#C4BD36 |
rgb(196,189,54) |
hsl(57,57%,49%) |