HEX #3687C0 color — Boston Blue
The color #3687C0 is a dark shade and moderately saturated.
Palette
3687C0 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(205,56%,98%) |
#e3eff7 |
rgb(227,239,247) |
hsl(205,56%,93%) |
#cfe3f2 |
rgb(207,227,242) |
hsl(205,56%,88%) |
#bbd8ec |
rgb(187,216,236) |
hsl(205,56%,83%) |
#a7cce6 |
rgb(167,204,230) |
hsl(205,56%,78%) |
#94c1e1 |
rgb(148,193,225) |
hsl(205,56%,73%) |
#80b5db |
rgb(128,181,219) |
hsl(205,56%,68%) |
#6ca9d5 |
rgb(108,169,213) |
hsl(205,56%,63%) |
#589ed0 |
rgb(88,158,208) |
hsl(205,56%,58%) |
#4492ca |
rgb(68,146,202) |
hsl(205,56%,53%) |
#3686bf |
rgb(54,134,191) |
hsl(205,56%,48%) |
#3078ab |
rgb(48,120,171) |
hsl(205,56%,43%) |
#2b6a97 |
rgb(43,106,151) |
hsl(205,56%,38%) |
#255c83 |
rgb(37,92,131) |
hsl(205,56%,33%) |
#1f4e6f |
rgb(31,78,111) |
hsl(205,56%,28%) |
#1a405b |
rgb(26,64,91) |
hsl(205,56%,23%) |
#143248 |
rgb(20,50,72) |
hsl(205,56%,18%) |
#0f2434 |
rgb(15,36,52) |
hsl(205,56%,13%) |
#091620 |
rgb(9,22,32) |
hsl(205,56%,8%) |
#03080c |
rgb(3,8,12) |
hsl(205,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36BF9D |
rgb(54,191,157) |
hsl(165,56%,48%) |
#3687C0 |
rgb(54,135,192) |
hsl(205,56%,48%) |
#4136C0 |
rgb(65,54,192) |
hsl(245,56%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6EABD6 |
rgb(110,171,214) |
hsl(205,56%,64%) |
#4F99CD |
rgb(79,153,205) |
hsl(205,56%,56%) |
#3687C0 |
rgb(54,135,192) |
hsl(205,56%,48%) |
#2D70A1 |
rgb(45,112,161) |
hsl(205,56%,40%) |
#245C82 |
rgb(36,92,130) |
hsl(204,57%,33%) |
#1C4763 |
rgb(28,71,99) |
hsl(204,56%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3687C0 |
rgb(54,135,192) |
hsl(205,56%,48%) |
#C03642 |
rgb(192,54,66) |
hsl(355,56%,48%) |
#C0B536 |
rgb(192,181,54) |
hsl(55,56%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3687C0 |
rgb(54,135,192) |
hsl(205,56%,48%) |
#C07036 |
rgb(192,112,54) |
hsl(25,56%,48%) |
#36BFB4 |
rgb(54,191,180) |
hsl(175,56%,48%) |
#C0B536 |
rgb(192,181,54) |
hsl(55,56%,48%) |