HEX #56A1A0 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

56A1A0 color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(179,30%,98%)
#e8f3f2 rgb(232,243,242) hsl(179,30%,93%)
#d7eae9 rgb(215,234,233) hsl(179,30%,88%)
#c7e1e0 rgb(199,225,224) hsl(179,30%,83%)
#b6d8d7 rgb(182,216,215) hsl(179,30%,78%)
#a5cfce rgb(165,207,206) hsl(179,30%,73%)
#95c6c5 rgb(149,198,197) hsl(179,30%,68%)
#84bdbc rgb(132,189,188) hsl(179,30%,63%)
#74b4b3 rgb(116,180,179) hsl(179,30%,58%)
#63abaa rgb(99,171,170) hsl(179,30%,53%)
#569f9e rgb(86,159,158) hsl(179,30%,48%)
#4d8f8d rgb(77,143,141) hsl(179,30%,43%)
#447e7d rgb(68,126,125) hsl(179,30%,38%)
#3b6d6d rgb(59,109,109) hsl(179,30%,33%)
#325d5c rgb(50,93,92) hsl(179,30%,28%)
#294c4c rgb(41,76,76) hsl(179,30%,23%)
#203c3b rgb(32,60,59) hsl(179,30%,18%)
#172b2b rgb(23,43,43) hsl(179,30%,13%)
#0e1b1a rgb(14,27,26) hsl(179,30%,8%)
#050a0a rgb(5,10,10) hsl(179,30%,3%)

Adjacent colors

HEX RGB HSL
#56A16E rgb(86,161,110) hsl(139,30%,48%)
#56A1A0 rgb(86,161,160) hsl(179,30%,48%)
#5670A1 rgb(86,112,161) hsl(219,30%,48%)

Monochromatic colors

HEX RGB HSL
#87BFBE rgb(135,191,190) hsl(179,30%,64%)
#6DB0B0 rgb(109,176,176) hsl(180,30%,56%)
#56A1A0 rgb(86,161,160) hsl(179,30%,48%)
#488786 rgb(72,135,134) hsl(179,30%,41%)
#3A6E6C rgb(58,110,108) hsl(178,31%,33%)
#2C5453 rgb(44,84,83) hsl(179,31%,25%)

Triad color palettes

HEX RGB HSL
#56A1A0 rgb(86,161,160) hsl(179,30%,48%)
#A1577C rgb(161,87,124) hsl(330,30%,49%)
#A17A56 rgb(161,122,86) hsl(29,30%,48%)

Tetrad color palettes

HEX RGB HSL
#56A1A0 rgb(86,161,160) hsl(179,30%,48%)
#A15757 rgb(161,87,87) hsl(360,30%,49%)
#56A17A rgb(86,161,122) hsl(149,30%,48%)
#A17A56 rgb(161,122,86) hsl(29,30%,48%)