HEX #5AAA96 color — Breaker Bay

The color #5aaa96 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5aaa96 color palette from light to dark

HEX RGB HSL
#f2f8f6 rgb(242,248,246) hsl(165,32%,96%)
#e1efec rgb(225,239,236) hsl(165,32%,91%)
#d0e7e1 rgb(208,231,225) hsl(165,32%,86%)
#bfded6 rgb(191,222,214) hsl(165,32%,81%)
#aed5cc rgb(174,213,204) hsl(165,32%,76%)
#9dcdc1 rgb(157,205,193) hsl(165,32%,71%)
#8dc4b6 rgb(141,196,182) hsl(165,32%,66%)
#7cbbab rgb(124,187,171) hsl(165,32%,61%)
#6bb3a1 rgb(107,179,161) hsl(165,32%,56%)
#5aaa96 rgb(90,170,150) hsl(165,32%,51%)
#509b88 rgb(80,155,136) hsl(165,32%,46%)
#478a79 rgb(71,138,121) hsl(165,32%,41%)
#3e796a rgb(62,121,106) hsl(165,32%,36%)
#36685c rgb(54,104,92) hsl(165,32%,31%)
#2d584d rgb(45,88,77) hsl(165,32%,26%)
#24473e rgb(36,71,62) hsl(165,32%,21%)
#1c362f rgb(28,54,47) hsl(165,32%,16%)
#132521 rgb(19,37,33) hsl(165,32%,11%)
#0a1412 rgb(10,20,18) hsl(165,32%,6%)
#020303 rgb(2,3,3) hsl(165,32%,1%)

Adjacent colors

HEX RGB HSL
#5AAB60 rgb(90,171,96) hsl(124,33%,51%)
#5AAA96 rgb(90,170,150) hsl(165,32%,51%)
#5A8AAA rgb(90,138,170) hsl(204,32%,51%)

Monochromatic colors

HEX RGB HSL
#90C7B8 rgb(144,199,184) hsl(164,33%,67%)
#75B8A7 rgb(117,184,167) hsl(165,32%,59%)
#5AAA96 rgb(90,170,150) hsl(165,32%,51%)
#4A917E rgb(74,145,126) hsl(164,32%,43%)
#3C7566 rgb(60,117,102) hsl(164,32%,35%)
#2D594E rgb(45,89,78) hsl(165,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAA96 rgb(90,170,150) hsl(165,32%,51%)
#AA5996 rgb(170,89,150) hsl(315,32%,51%)
#AA6E5A rgb(170,110,90) hsl(15,32%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAA96 rgb(90,170,150) hsl(165,32%,51%)
#AA596E rgb(170,89,110) hsl(344,32%,51%)
#5AAB6E rgb(90,171,110) hsl(135,33%,51%)
#AA6E5A rgb(170,110,90) hsl(15,32%,51%)