HEX #3696A2 color — Boston Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

3696A2 color palette from light to dark

HEX RGB HSL
#f4fafb rgb(244,250,251) hsl(187,50%,97%)
#e0f2f5 rgb(224,242,245) hsl(187,50%,92%)
#cdebee rgb(205,235,238) hsl(187,50%,87%)
#bae3e8 rgb(186,227,232) hsl(187,50%,82%)
#a7dbe2 rgb(167,219,226) hsl(187,50%,77%)
#94d3db rgb(148,211,219) hsl(187,50%,72%)
#81cbd5 rgb(129,203,213) hsl(187,50%,67%)
#6ec3cf rgb(110,195,207) hsl(187,50%,62%)
#5bbbc8 rgb(91,187,200) hsl(187,50%,57%)
#47b4c2 rgb(71,180,194) hsl(187,50%,52%)
#3ca6b4 rgb(60,166,180) hsl(187,50%,47%)
#3694a1 rgb(54,148,161) hsl(187,50%,42%)
#2f838e rgb(47,131,142) hsl(187,50%,37%)
#29717a rgb(41,113,122) hsl(187,50%,32%)
#225f67 rgb(34,95,103) hsl(187,50%,27%)
#1c4e54 rgb(28,78,84) hsl(187,50%,22%)
#163c41 rgb(22,60,65) hsl(187,50%,17%)
#0f2a2e rgb(15,42,46) hsl(187,50%,12%)
#09191b rgb(9,25,27) hsl(187,50%,7%)
#030708 rgb(3,7,8) hsl(187,50%,2%)

Adjacent colors

HEX RGB HSL
#36A366 rgb(54,163,102) hsl(146,50%,43%)
#3696A2 rgb(54,150,162) hsl(187,50%,42%)
#364FA2 rgb(54,79,162) hsl(226,50%,42%)

Monochromatic colors

HEX RGB HSL
#56BAC6 rgb(86,186,198) hsl(186,50%,56%)
#3EADBB rgb(62,173,187) hsl(187,50%,49%)
#3696A2 rgb(54,150,162) hsl(187,50%,42%)
#2D7D88 rgb(45,125,136) hsl(187,50%,35%)
#24666E rgb(36,102,110) hsl(186,51%,29%)
#1C4F54 rgb(28,79,84) hsl(185,50%,22%)

Triad color palettes

HEX RGB HSL
#3696A2 rgb(54,150,162) hsl(187,50%,42%)
#A23660 rgb(162,54,96) hsl(337,50%,42%)
#A27836 rgb(162,120,54) hsl(37,50%,42%)

Tetrad color palettes

HEX RGB HSL
#3696A2 rgb(54,150,162) hsl(187,50%,42%)
#A24236 rgb(162,66,54) hsl(7,50%,42%)
#36A378 rgb(54,163,120) hsl(156,50%,43%)
#A27836 rgb(162,120,54) hsl(37,50%,42%)