HEX #56A196 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

56A196 color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(171,30%,98%)
#e8f3f1 rgb(232,243,241) hsl(171,30%,93%)
#d7eae7 rgb(215,234,231) hsl(171,30%,88%)
#c7e1dd rgb(199,225,221) hsl(171,30%,83%)
#b6d8d3 rgb(182,216,211) hsl(171,30%,78%)
#a5cfc9 rgb(165,207,201) hsl(171,30%,73%)
#95c6bf rgb(149,198,191) hsl(171,30%,68%)
#84bdb4 rgb(132,189,180) hsl(171,30%,63%)
#74b4aa rgb(116,180,170) hsl(171,30%,58%)
#63aba0 rgb(99,171,160) hsl(171,30%,53%)
#569f94 rgb(86,159,148) hsl(171,30%,48%)
#4d8f85 rgb(77,143,133) hsl(171,30%,43%)
#447e75 rgb(68,126,117) hsl(171,30%,38%)
#3b6d66 rgb(59,109,102) hsl(171,30%,33%)
#325d56 rgb(50,93,86) hsl(171,30%,28%)
#294c47 rgb(41,76,71) hsl(171,30%,23%)
#203c38 rgb(32,60,56) hsl(171,30%,18%)
#172b28 rgb(23,43,40) hsl(171,30%,13%)
#0e1b19 rgb(14,27,25) hsl(171,30%,8%)
#050a09 rgb(5,10,9) hsl(171,30%,3%)

Adjacent colors

HEX RGB HSL
#56A164 rgb(86,161,100) hsl(131,30%,48%)
#56A196 rgb(86,161,150) hsl(171,30%,48%)
#567AA1 rgb(86,122,161) hsl(211,30%,48%)

Monochromatic colors

HEX RGB HSL
#87BFB6 rgb(135,191,182) hsl(170,30%,64%)
#6DB0A7 rgb(109,176,167) hsl(172,30%,56%)
#56A196 rgb(86,161,150) hsl(171,30%,48%)
#48877E rgb(72,135,126) hsl(171,30%,41%)
#3A6E66 rgb(58,110,102) hsl(171,31%,33%)
#2C544E rgb(44,84,78) hsl(171,31%,25%)

Triad color palettes

HEX RGB HSL
#56A196 rgb(86,161,150) hsl(171,30%,48%)
#A15786 rgb(161,87,134) hsl(322,30%,49%)
#A17056 rgb(161,112,86) hsl(21,30%,48%)

Tetrad color palettes

HEX RGB HSL
#56A196 rgb(86,161,150) hsl(171,30%,48%)
#A15761 rgb(161,87,97) hsl(352,30%,49%)
#56A170 rgb(86,161,112) hsl(141,30%,48%)
#A17056 rgb(161,112,86) hsl(21,30%,48%)