HEX #5696A1 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5696A1 color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(189,30%,98%)
#e8f1f3 rgb(232,241,243) hsl(189,30%,93%)
#d7e7ea rgb(215,231,234) hsl(189,30%,88%)
#c7dde1 rgb(199,221,225) hsl(189,30%,83%)
#b6d3d8 rgb(182,211,216) hsl(189,30%,78%)
#a5c9cf rgb(165,201,207) hsl(189,30%,73%)
#95bfc6 rgb(149,191,198) hsl(189,30%,68%)
#84b4bd rgb(132,180,189) hsl(189,30%,63%)
#74aab4 rgb(116,170,180) hsl(189,30%,58%)
#63a0ab rgb(99,160,171) hsl(189,30%,53%)
#56949f rgb(86,148,159) hsl(189,30%,48%)
#4d858f rgb(77,133,143) hsl(189,30%,43%)
#44757e rgb(68,117,126) hsl(189,30%,38%)
#3b666d rgb(59,102,109) hsl(189,30%,33%)
#32565d rgb(50,86,93) hsl(189,30%,28%)
#29474c rgb(41,71,76) hsl(189,30%,23%)
#20383c rgb(32,56,60) hsl(189,30%,18%)
#17282b rgb(23,40,43) hsl(189,30%,13%)
#0e191b rgb(14,25,27) hsl(189,30%,8%)
#05090a rgb(5,9,10) hsl(189,30%,3%)

Adjacent colors

HEX RGB HSL
#56A17A rgb(86,161,122) hsl(149,30%,48%)
#5696A1 rgb(86,150,161) hsl(189,30%,48%)
#5663A1 rgb(86,99,161) hsl(230,30%,48%)

Monochromatic colors

HEX RGB HSL
#87B8BE rgb(135,184,190) hsl(187,30%,64%)
#6DA8B1 rgb(109,168,177) hsl(188,30%,56%)
#5696A1 rgb(86,150,161) hsl(189,30%,48%)
#487D87 rgb(72,125,135) hsl(190,30%,41%)
#3A666D rgb(58,102,109) hsl(188,31%,33%)
#2C4F53 rgb(44,79,83) hsl(186,31%,25%)

Triad color palettes

HEX RGB HSL
#5696A1 rgb(86,150,161) hsl(189,30%,48%)
#A15770 rgb(161,87,112) hsl(340,30%,49%)
#A18756 rgb(161,135,86) hsl(39,30%,48%)

Tetrad color palettes

HEX RGB HSL
#5696A1 rgb(86,150,161) hsl(189,30%,48%)
#A16156 rgb(161,97,86) hsl(9,30%,48%)
#56A186 rgb(86,161,134) hsl(158,30%,48%)
#A18756 rgb(161,135,86) hsl(39,30%,48%)