HEX #3682C0 color — Boston Blue
The color #3682C0 is a dark shade and moderately saturated.
Palette
3682C0 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(207,56%,98%) |
#e3eef7 |
rgb(227,238,247) |
hsl(207,56%,93%) |
#cfe2f2 |
rgb(207,226,242) |
hsl(207,56%,88%) |
#bbd6ec |
rgb(187,214,236) |
hsl(207,56%,83%) |
#a7cae6 |
rgb(167,202,230) |
hsl(207,56%,78%) |
#94bee1 |
rgb(148,190,225) |
hsl(207,56%,73%) |
#80b2db |
rgb(128,178,219) |
hsl(207,56%,68%) |
#6ca6d5 |
rgb(108,166,213) |
hsl(207,56%,63%) |
#589ad0 |
rgb(88,154,208) |
hsl(207,56%,58%) |
#448eca |
rgb(68,142,202) |
hsl(207,56%,53%) |
#3681bf |
rgb(54,129,191) |
hsl(207,56%,48%) |
#3074ab |
rgb(48,116,171) |
hsl(207,56%,43%) |
#2b6697 |
rgb(43,102,151) |
hsl(207,56%,38%) |
#255983 |
rgb(37,89,131) |
hsl(207,56%,33%) |
#1f4b6f |
rgb(31,75,111) |
hsl(207,56%,28%) |
#1a3e5b |
rgb(26,62,91) |
hsl(207,56%,23%) |
#143048 |
rgb(20,48,72) |
hsl(207,56%,18%) |
#0f2334 |
rgb(15,35,52) |
hsl(207,56%,13%) |
#091620 |
rgb(9,22,32) |
hsl(207,56%,8%) |
#03080c |
rgb(3,8,12) |
hsl(207,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36BFA2 |
rgb(54,191,162) |
hsl(167,56%,48%) |
#3682C0 |
rgb(54,130,192) |
hsl(207,56%,48%) |
#4636C0 |
rgb(70,54,192) |
hsl(247,56%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6EA8D6 |
rgb(110,168,214) |
hsl(207,56%,64%) |
#4F94CD |
rgb(79,148,205) |
hsl(207,56%,56%) |
#3682C0 |
rgb(54,130,192) |
hsl(207,56%,48%) |
#2D6EA1 |
rgb(45,110,161) |
hsl(206,56%,40%) |
#245982 |
rgb(36,89,130) |
hsl(206,57%,33%) |
#1C4563 |
rgb(28,69,99) |
hsl(205,56%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3682C0 |
rgb(54,130,192) |
hsl(207,56%,48%) |
#C0363D |
rgb(192,54,61) |
hsl(357,56%,48%) |
#C0BA36 |
rgb(192,186,54) |
hsl(57,56%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3682C0 |
rgb(54,130,192) |
hsl(207,56%,48%) |
#C07336 |
rgb(192,115,54) |
hsl(27,56%,48%) |
#36BFB9 |
rgb(54,191,185) |
hsl(177,56%,48%) |
#C0BA36 |
rgb(192,186,54) |
hsl(57,56%,48%) |