HEX #3682B4 color — Boston Blue
The color #3682B4 is a dark shade and moderately saturated.
Palette
3682B4 color palette from light to dark
HEX |
RGB |
HSL |
#eff6fa |
rgb(239,246,250) |
hsl(204,54%,96%) |
#dcebf4 |
rgb(220,235,244) |
hsl(204,54%,91%) |
#c8dfef |
rgb(200,223,239) |
hsl(204,54%,86%) |
#b4d4e9 |
rgb(180,212,233) |
hsl(204,54%,81%) |
#a1c8e3 |
rgb(161,200,227) |
hsl(204,54%,76%) |
#8dbddd |
rgb(141,189,221) |
hsl(204,54%,71%) |
#79b2d7 |
rgb(121,178,215) |
hsl(204,54%,66%) |
#66a6d1 |
rgb(102,166,209) |
hsl(204,54%,61%) |
#529bcb |
rgb(82,155,203) |
hsl(204,54%,56%) |
#3f90c6 |
rgb(63,144,198) |
hsl(204,54%,51%) |
#3682b5 |
rgb(54,130,181) |
hsl(204,54%,46%) |
#3074a1 |
rgb(48,116,161) |
hsl(204,54%,41%) |
#2a668d |
rgb(42,102,141) |
hsl(204,54%,36%) |
#24587a |
rgb(36,88,122) |
hsl(204,54%,31%) |
#1e4966 |
rgb(30,73,102) |
hsl(204,54%,26%) |
#193b52 |
rgb(25,59,82) |
hsl(204,54%,21%) |
#132d3f |
rgb(19,45,63) |
hsl(204,54%,16%) |
#0d1f2b |
rgb(13,31,43) |
hsl(204,54%,11%) |
#071118 |
rgb(7,17,24) |
hsl(204,54%,6%) |
#010304 |
rgb(1,3,4) |
hsl(204,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#36B592 |
rgb(54,181,146) |
hsl(163,54%,46%) |
#3682B4 |
rgb(54,130,180) |
hsl(204,54%,46%) |
#3E36B4 |
rgb(62,54,180) |
hsl(244,54%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#64A6D0 |
rgb(100,166,208) |
hsl(203,53%,60%) |
#4794C7 |
rgb(71,148,199) |
hsl(204,53%,53%) |
#3682B4 |
rgb(54,130,180) |
hsl(204,54%,46%) |
#2D6E97 |
rgb(45,110,151) |
hsl(203,54%,38%) |
#24597A |
rgb(36,89,122) |
hsl(203,54%,31%) |
#1C455D |
rgb(28,69,93) |
hsl(202,54%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3682B4 |
rgb(54,130,180) |
hsl(204,54%,46%) |
#B43643 |
rgb(180,54,67) |
hsl(354,54%,46%) |
#B4A636 |
rgb(180,166,54) |
hsl(53,54%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3682B4 |
rgb(54,130,180) |
hsl(204,54%,46%) |
#B46936 |
rgb(180,105,54) |
hsl(24,54%,46%) |
#36B5A7 |
rgb(54,181,167) |
hsl(173,54%,46%) |
#B4A636 |
rgb(180,166,54) |
hsl(53,54%,46%) |