HEX #5AAA97 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5aaa97 color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(166,32%,96%)
#e1efec rgb(225,239,236) hsl(166,32%,91%)
#d0e7e1 rgb(208,231,225) hsl(166,32%,86%)
#bfded7 rgb(191,222,215) hsl(166,32%,81%)
#aed5cc rgb(174,213,204) hsl(166,32%,76%)
#9dcdc2 rgb(157,205,194) hsl(166,32%,71%)
#8dc4b7 rgb(141,196,183) hsl(166,32%,66%)
#7cbbad rgb(124,187,173) hsl(166,32%,61%)
#6bb3a2 rgb(107,179,162) hsl(166,32%,56%)
#5aaa97 rgb(90,170,151) hsl(166,32%,51%)
#509b89 rgb(80,155,137) hsl(166,32%,46%)
#478a7a rgb(71,138,122) hsl(166,32%,41%)
#3e796b rgb(62,121,107) hsl(166,32%,36%)
#36685d rgb(54,104,93) hsl(166,32%,31%)
#2d584e rgb(45,88,78) hsl(166,32%,26%)
#24473f rgb(36,71,63) hsl(166,32%,21%)
#1c3630 rgb(28,54,48) hsl(166,32%,16%)
#132521 rgb(19,37,33) hsl(166,32%,11%)
#0a1412 rgb(10,20,18) hsl(166,32%,6%)
#020303 rgb(2,3,3) hsl(166,32%,1%)

Adjacent colors

HEX RGB HSL
#5AAB61 rgb(90,171,97) hsl(125,33%,51%)
#5AAA97 rgb(90,170,151) hsl(166,32%,51%)
#5A87AA rgb(90,135,170) hsl(206,32%,51%)

Monochromatic colors

HEX RGB HSL
#90C7B9 rgb(144,199,185) hsl(165,33%,67%)
#75B8A8 rgb(117,184,168) hsl(166,32%,59%)
#5AAA97 rgb(90,170,151) hsl(166,32%,51%)
#4A917F rgb(74,145,127) hsl(165,32%,43%)
#3C7567 rgb(60,117,103) hsl(165,32%,35%)
#2D594E rgb(45,89,78) hsl(165,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAA97 rgb(90,170,151) hsl(166,32%,51%)
#AA5995 rgb(170,89,149) hsl(316,32%,51%)
#AA705A rgb(170,112,90) hsl(17,32%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAA97 rgb(90,170,151) hsl(166,32%,51%)
#AA596D rgb(170,89,109) hsl(345,32%,51%)
#5AAB6F rgb(90,171,111) hsl(136,33%,51%)
#AA705A rgb(170,112,90) hsl(17,32%,51%)