HEX #56A199 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

56A199 color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(174,30%,98%)
#e8f3f1 rgb(232,243,241) hsl(174,30%,93%)
#d7eae8 rgb(215,234,232) hsl(174,30%,88%)
#c7e1de rgb(199,225,222) hsl(174,30%,83%)
#b6d8d4 rgb(182,216,212) hsl(174,30%,78%)
#a5cfcb rgb(165,207,203) hsl(174,30%,73%)
#95c6c1 rgb(149,198,193) hsl(174,30%,68%)
#84bdb7 rgb(132,189,183) hsl(174,30%,63%)
#74b4ae rgb(116,180,174) hsl(174,30%,58%)
#63aba4 rgb(99,171,164) hsl(174,30%,53%)
#569f98 rgb(86,159,152) hsl(174,30%,48%)
#4d8f88 rgb(77,143,136) hsl(174,30%,43%)
#447e78 rgb(68,126,120) hsl(174,30%,38%)
#3b6d68 rgb(59,109,104) hsl(174,30%,33%)
#325d59 rgb(50,93,89) hsl(174,30%,28%)
#294c49 rgb(41,76,73) hsl(174,30%,23%)
#203c39 rgb(32,60,57) hsl(174,30%,18%)
#172b29 rgb(23,43,41) hsl(174,30%,13%)
#0e1b19 rgb(14,27,25) hsl(174,30%,8%)
#050a09 rgb(5,10,9) hsl(174,30%,3%)

Adjacent colors

HEX RGB HSL
#56A167 rgb(86,161,103) hsl(134,30%,48%)
#56A199 rgb(86,161,153) hsl(174,30%,48%)
#5678A1 rgb(86,120,161) hsl(213,30%,48%)

Monochromatic colors

HEX RGB HSL
#87BFB8 rgb(135,191,184) hsl(173,30%,64%)
#6DB0A9 rgb(109,176,169) hsl(174,30%,56%)
#56A199 rgb(86,161,153) hsl(174,30%,48%)
#488780 rgb(72,135,128) hsl(173,30%,41%)
#3A6E68 rgb(58,110,104) hsl(173,31%,33%)
#2C544F rgb(44,84,79) hsl(173,31%,25%)

Triad color palettes

HEX RGB HSL
#56A199 rgb(86,161,153) hsl(174,30%,48%)
#A15783 rgb(161,87,131) hsl(324,30%,49%)
#A17356 rgb(161,115,86) hsl(23,30%,48%)

Tetrad color palettes

HEX RGB HSL
#56A199 rgb(86,161,153) hsl(174,30%,48%)
#A1575E rgb(161,87,94) hsl(354,30%,49%)
#56A173 rgb(86,161,115) hsl(143,30%,48%)
#A17356 rgb(161,115,86) hsl(23,30%,48%)