HEX #56A696 color — Breaker Bay

The color #56A696 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

56A696 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(168,32%,99%)
#ebf5f3 rgb(235,245,243) hsl(168,32%,94%)
#daece8 rgb(218,236,232) hsl(168,32%,89%)
#c9e3de rgb(201,227,222) hsl(168,32%,84%)
#b8dbd4 rgb(184,219,212) hsl(168,32%,79%)
#a7d2c9 rgb(167,210,201) hsl(168,32%,74%)
#97c9bf rgb(151,201,191) hsl(168,32%,69%)
#86c1b5 rgb(134,193,181) hsl(168,32%,64%)
#75b8ab rgb(117,184,171) hsl(168,32%,59%)
#64afa0 rgb(100,175,160) hsl(168,32%,54%)
#55a595 rgb(85,165,149) hsl(168,32%,49%)
#4c9486 rgb(76,148,134) hsl(168,32%,44%)
#448377 rgb(68,131,119) hsl(168,32%,39%)
#3b7267 rgb(59,114,103) hsl(168,32%,34%)
#326258 rgb(50,98,88) hsl(168,32%,29%)
#2a5149 rgb(42,81,73) hsl(168,32%,24%)
#21403a rgb(33,64,58) hsl(168,32%,19%)
#182f2b rgb(24,47,43) hsl(168,32%,14%)
#101e1b rgb(16,30,27) hsl(168,32%,9%)
#070d0c rgb(7,13,12) hsl(168,32%,4%)

Adjacent colors

HEX RGB HSL
#56A660 rgb(86,166,96) hsl(128,32%,49%)
#56A696 rgb(86,166,150) hsl(168,32%,49%)
#5680A6 rgb(86,128,166) hsl(209,32%,49%)

Monochromatic colors

HEX RGB HSL
#8AC2B7 rgb(138,194,183) hsl(168,31%,65%)
#6FB5A6 rgb(111,181,166) hsl(167,32%,57%)
#56A696 rgb(86,166,150) hsl(168,32%,49%)
#488C7E rgb(72,140,126) hsl(168,32%,42%)
#3A7066 rgb(58,112,102) hsl(169,32%,33%)
#2C574E rgb(44,87,78) hsl(167,33%,26%)

Triad color palettes

HEX RGB HSL
#56A696 rgb(86,166,150) hsl(168,32%,49%)
#A6578E rgb(166,87,142) hsl(318,31%,50%)
#A66E56 rgb(166,110,86) hsl(18,32%,49%)

Tetrad color palettes

HEX RGB HSL
#56A696 rgb(86,166,150) hsl(168,32%,49%)
#A65766 rgb(166,87,102) hsl(349,31%,50%)
#56A66E rgb(86,166,110) hsl(138,32%,49%)
#A66E56 rgb(166,110,86) hsl(18,32%,49%)