HEX #3C87AC color — Boston Blue
The color #3C87AC is a dark shade and moderately saturated.
Palette
3C87AC color palette from light to dark
HEX |
RGB |
HSL |
#ecf4f8 |
rgb(236,244,248) |
hsl(200,48%,95%) |
#d9eaf2 |
rgb(217,234,242) |
hsl(200,48%,90%) |
#c6dfeb |
rgb(198,223,235) |
hsl(200,48%,85%) |
#b4d4e4 |
rgb(180,212,228) |
hsl(200,48%,80%) |
#a1c9de |
rgb(161,201,222) |
hsl(200,48%,75%) |
#8ebfd7 |
rgb(142,191,215) |
hsl(200,48%,70%) |
#7bb4d1 |
rgb(123,180,209) |
hsl(200,48%,65%) |
#68a9ca |
rgb(104,169,202) |
hsl(200,48%,60%) |
#559fc3 |
rgb(85,159,195) |
hsl(200,48%,55%) |
#4294bd |
rgb(66,148,189) |
hsl(200,48%,50%) |
#3c85aa |
rgb(60,133,170) |
hsl(200,48%,45%) |
#357697 |
rgb(53,118,151) |
hsl(200,48%,40%) |
#2e6884 |
rgb(46,104,132) |
hsl(200,48%,35%) |
#285971 |
rgb(40,89,113) |
hsl(200,48%,30%) |
#214a5e |
rgb(33,74,94) |
hsl(200,48%,25%) |
#1b3b4b |
rgb(27,59,75) |
hsl(200,48%,20%) |
#142c39 |
rgb(20,44,57) |
hsl(200,48%,15%) |
#0d1e26 |
rgb(13,30,38) |
hsl(200,48%,10%) |
#070f13 |
rgb(7,15,19) |
hsl(200,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CAB86 |
rgb(60,171,134) |
hsl(160,48%,45%) |
#3C87AC |
rgb(60,135,172) |
hsl(200,48%,45%) |
#3C3DAC |
rgb(60,61,172) |
hsl(239,48%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#67ABCA |
rgb(103,171,202) |
hsl(199,48%,60%) |
#4C9CC0 |
rgb(76,156,192) |
hsl(199,48%,53%) |
#3C87AC |
rgb(60,135,172) |
hsl(200,48%,45%) |
#327090 |
rgb(50,112,144) |
hsl(200,48%,38%) |
#285C74 |
rgb(40,92,116) |
hsl(199,49%,31%) |
#1F4759 |
rgb(31,71,89) |
hsl(199,48%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C87AC |
rgb(60,135,172) |
hsl(200,48%,45%) |
#AC3D4F |
rgb(172,61,79) |
hsl(350,48%,46%) |
#AC993C |
rgb(172,153,60) |
hsl(50,48%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C87AC |
rgb(60,135,172) |
hsl(200,48%,45%) |
#AC613C |
rgb(172,97,60) |
hsl(20,48%,45%) |
#3CAB99 |
rgb(60,171,153) |
hsl(170,48%,45%) |
#AC993C |
rgb(172,153,60) |
hsl(50,48%,45%) |