HEX #3C87B2 color — Boston Blue
The color #3C87B2 is a dark shade and moderately saturated.
Palette
3C87B2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(202,50%,97%) |
#e0edf5 |
rgb(224,237,245) |
hsl(202,50%,92%) |
#cde2ee |
rgb(205,226,238) |
hsl(202,50%,87%) |
#bad7e8 |
rgb(186,215,232) |
hsl(202,50%,82%) |
#a7cce2 |
rgb(167,204,226) |
hsl(202,50%,77%) |
#94c1db |
rgb(148,193,219) |
hsl(202,50%,72%) |
#81b6d5 |
rgb(129,182,213) |
hsl(202,50%,67%) |
#6eabcf |
rgb(110,171,207) |
hsl(202,50%,62%) |
#5ba0c8 |
rgb(91,160,200) |
hsl(202,50%,57%) |
#4795c2 |
rgb(71,149,194) |
hsl(202,50%,52%) |
#3c88b4 |
rgb(60,136,180) |
hsl(202,50%,47%) |
#3679a1 |
rgb(54,121,161) |
hsl(202,50%,42%) |
#2f6b8e |
rgb(47,107,142) |
hsl(202,50%,37%) |
#295c7a |
rgb(41,92,122) |
hsl(202,50%,32%) |
#224e67 |
rgb(34,78,103) |
hsl(202,50%,27%) |
#1c4054 |
rgb(28,64,84) |
hsl(202,50%,22%) |
#163141 |
rgb(22,49,65) |
hsl(202,50%,17%) |
#0f232e |
rgb(15,35,46) |
hsl(202,50%,12%) |
#09141b |
rgb(9,20,27) |
hsl(202,50%,7%) |
#030608 |
rgb(3,6,8) |
hsl(202,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CB38E |
rgb(60,179,142) |
hsl(161,50%,47%) |
#3C87B2 |
rgb(60,135,178) |
hsl(202,50%,47%) |
#3F3DB2 |
rgb(63,61,178) |
hsl(241,49%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6CABCD |
rgb(108,171,205) |
hsl(201,49%,61%) |
#5099C4 |
rgb(80,153,196) |
hsl(202,50%,54%) |
#3C87B2 |
rgb(60,135,178) |
hsl(202,50%,47%) |
#327095 |
rgb(50,112,149) |
hsl(202,50%,39%) |
#285C79 |
rgb(40,92,121) |
hsl(201,50%,32%) |
#1F475C |
rgb(31,71,92) |
hsl(201,50%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C87B2 |
rgb(60,135,178) |
hsl(202,50%,47%) |
#B23D4C |
rgb(178,61,76) |
hsl(352,49%,47%) |
#B2A33C |
rgb(178,163,60) |
hsl(52,50%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C87B2 |
rgb(60,135,178) |
hsl(202,50%,47%) |
#B2663C |
rgb(178,102,60) |
hsl(21,50%,47%) |
#3CB3A2 |
rgb(60,179,162) |
hsl(171,50%,47%) |
#B2A33C |
rgb(178,163,60) |
hsl(52,50%,47%) |