HEX #3696C2 color — Boston Blue

The color #3696C2 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3696C2 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(199,56%,99%)
#e7f3f8 rgb(231,243,248) hsl(199,56%,94%)
#d3e9f3 rgb(211,233,243) hsl(199,56%,89%)
#bfdfed rgb(191,223,237) hsl(199,56%,84%)
#abd4e7 rgb(171,212,231) hsl(199,56%,79%)
#98cae2 rgb(152,202,226) hsl(199,56%,74%)
#84c0dc rgb(132,192,220) hsl(199,56%,69%)
#70b6d7 rgb(112,182,215) hsl(199,56%,64%)
#5cacd1 rgb(92,172,209) hsl(199,56%,59%)
#48a2cb rgb(72,162,203) hsl(199,56%,54%)
#3797c3 rgb(55,151,195) hsl(199,56%,49%)
#3187af rgb(49,135,175) hsl(199,56%,44%)
#2c789b rgb(44,120,155) hsl(199,56%,39%)
#266987 rgb(38,105,135) hsl(199,56%,34%)
#215973 rgb(33,89,115) hsl(199,56%,29%)
#1b4a5f rgb(27,74,95) hsl(199,56%,24%)
#153a4c rgb(21,58,76) hsl(199,56%,19%)
#102b38 rgb(16,43,56) hsl(199,56%,14%)
#0a1c24 rgb(10,28,36) hsl(199,56%,9%)
#040c10 rgb(4,12,16) hsl(199,56%,4%)

Adjacent colors

HEX RGB HSL
#36C290 rgb(54,194,144) hsl(159,56%,49%)
#3696C2 rgb(54,150,194) hsl(199,56%,49%)
#3638C2 rgb(54,56,194) hsl(239,56%,49%)

Monochromatic colors

HEX RGB HSL
#70B8D7 rgb(112,184,215) hsl(198,56%,64%)
#51A8CE rgb(81,168,206) hsl(198,56%,56%)
#3696C2 rgb(54,150,194) hsl(199,56%,49%)
#2D7DA2 rgb(45,125,162) hsl(199,57%,41%)
#246683 rgb(36,102,131) hsl(198,57%,33%)
#1C4F64 rgb(28,79,100) hsl(198,56%,25%)

Triad color palettes

HEX RGB HSL
#3696C2 rgb(54,150,194) hsl(199,56%,49%)
#C23650 rgb(194,54,80) hsl(349,56%,49%)
#C2A836 rgb(194,168,54) hsl(49,56%,49%)

Tetrad color palettes

HEX RGB HSL
#3696C2 rgb(54,150,194) hsl(199,56%,49%)
#C26136 rgb(194,97,54) hsl(18,56%,49%)
#36C2A8 rgb(54,194,168) hsl(169,56%,49%)
#C2A836 rgb(194,168,54) hsl(49,56%,49%)