HEX #5696A0 color — Breaker Bay

The color #5696A0 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5696A0 color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(188,30%,98%)
#e8f1f3 rgb(232,241,243) hsl(188,30%,93%)
#d7e7ea rgb(215,231,234) hsl(188,30%,88%)
#c7dde1 rgb(199,221,225) hsl(188,30%,83%)
#b6d3d8 rgb(182,211,216) hsl(188,30%,78%)
#a5c9cf rgb(165,201,207) hsl(188,30%,73%)
#95bfc6 rgb(149,191,198) hsl(188,30%,68%)
#84b5bd rgb(132,181,189) hsl(188,30%,63%)
#74abb4 rgb(116,171,180) hsl(188,30%,58%)
#63a2ab rgb(99,162,171) hsl(188,30%,53%)
#56959f rgb(86,149,159) hsl(188,30%,48%)
#4d868f rgb(77,134,143) hsl(188,30%,43%)
#44767e rgb(68,118,126) hsl(188,30%,38%)
#3b676d rgb(59,103,109) hsl(188,30%,33%)
#32575d rgb(50,87,93) hsl(188,30%,28%)
#29484c rgb(41,72,76) hsl(188,30%,23%)
#20383c rgb(32,56,60) hsl(188,30%,18%)
#17282b rgb(23,40,43) hsl(188,30%,13%)
#0e191b rgb(14,25,27) hsl(188,30%,8%)
#05090a rgb(5,9,10) hsl(188,30%,3%)

Adjacent colors

HEX RGB HSL
#56A178 rgb(86,161,120) hsl(147,30%,48%)
#5696A0 rgb(86,150,160) hsl(188,30%,48%)
#5663A0 rgb(86,99,160) hsl(229,30%,48%)

Monochromatic colors

HEX RGB HSL
#86B8BE rgb(134,184,190) hsl(186,30%,64%)
#6CA8B0 rgb(108,168,176) hsl(187,30%,56%)
#5696A0 rgb(86,150,160) hsl(188,30%,48%)
#487D86 rgb(72,125,134) hsl(189,30%,40%)
#3A666C rgb(58,102,108) hsl(187,30%,33%)
#2C4F53 rgb(44,79,83) hsl(186,31%,25%)

Triad color palettes

HEX RGB HSL
#5696A0 rgb(86,150,160) hsl(188,30%,48%)
#A05771 rgb(160,87,113) hsl(339,30%,48%)
#A08556 rgb(160,133,86) hsl(38,30%,48%)

Tetrad color palettes

HEX RGB HSL
#5696A0 rgb(86,150,160) hsl(188,30%,48%)
#A06156 rgb(160,97,86) hsl(9,30%,48%)
#56A185 rgb(86,161,133) hsl(158,30%,48%)
#A08556 rgb(160,133,86) hsl(38,30%,48%)