HEX #3696A1 color — Boston Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

3696A1 color palette from light to dark

HEX RGB HSL
#f4fafb rgb(244,250,251) hsl(186,50%,97%)
#e0f3f5 rgb(224,243,245) hsl(186,50%,92%)
#cdebee rgb(205,235,238) hsl(186,50%,87%)
#bae3e8 rgb(186,227,232) hsl(186,50%,82%)
#a7dce2 rgb(167,220,226) hsl(186,50%,77%)
#94d4db rgb(148,212,219) hsl(186,50%,72%)
#81cdd5 rgb(129,205,213) hsl(186,50%,67%)
#6ec5cf rgb(110,197,207) hsl(186,50%,62%)
#5bbdc8 rgb(91,189,200) hsl(186,50%,57%)
#47b6c2 rgb(71,182,194) hsl(186,50%,52%)
#3ca8b4 rgb(60,168,180) hsl(186,50%,47%)
#3696a1 rgb(54,150,161) hsl(186,50%,42%)
#2f848e rgb(47,132,142) hsl(186,50%,37%)
#29727a rgb(41,114,122) hsl(186,50%,32%)
#226067 rgb(34,96,103) hsl(186,50%,27%)
#1c4f54 rgb(28,79,84) hsl(186,50%,22%)
#163d41 rgb(22,61,65) hsl(186,50%,17%)
#0f2b2e rgb(15,43,46) hsl(186,50%,12%)
#09191b rgb(9,25,27) hsl(186,50%,7%)
#030708 rgb(3,7,8) hsl(186,50%,2%)

Adjacent colors

HEX RGB HSL
#36A164 rgb(54,161,100) hsl(146,50%,42%)
#3696A1 rgb(54,150,161) hsl(186,50%,42%)
#364FA1 rgb(54,79,161) hsl(226,50%,42%)

Monochromatic colors

HEX RGB HSL
#55BAC6 rgb(85,186,198) hsl(186,50%,55%)
#3EADBA rgb(62,173,186) hsl(186,50%,49%)
#3696A1 rgb(54,150,161) hsl(186,50%,42%)
#2D7D87 rgb(45,125,135) hsl(187,50%,35%)
#24666D rgb(36,102,109) hsl(186,50%,28%)
#1C4F53 rgb(28,79,83) hsl(184,50%,22%)

Triad color palettes

HEX RGB HSL
#3696A1 rgb(54,150,161) hsl(186,50%,42%)
#A13660 rgb(161,54,96) hsl(336,50%,42%)
#A17536 rgb(161,117,54) hsl(35,50%,42%)

Tetrad color palettes

HEX RGB HSL
#3696A1 rgb(54,150,161) hsl(186,50%,42%)
#A14036 rgb(161,64,54) hsl(6,50%,42%)
#36A176 rgb(54,161,118) hsl(156,50%,42%)
#A17536 rgb(161,117,54) hsl(35,50%,42%)