HEX #5AAA9D color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5aaa9d color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(170,32%,96%)
#e1efed rgb(225,239,237) hsl(170,32%,91%)
#d0e7e3 rgb(208,231,227) hsl(170,32%,86%)
#bfded9 rgb(191,222,217) hsl(170,32%,81%)
#aed5cf rgb(174,213,207) hsl(170,32%,76%)
#9dcdc5 rgb(157,205,197) hsl(170,32%,71%)
#8dc4bb rgb(141,196,187) hsl(170,32%,66%)
#7cbbb1 rgb(124,187,177) hsl(170,32%,61%)
#6bb3a7 rgb(107,179,167) hsl(170,32%,56%)
#5aaa9d rgb(90,170,157) hsl(170,32%,51%)
#509b8e rgb(80,155,142) hsl(170,32%,46%)
#478a7f rgb(71,138,127) hsl(170,32%,41%)
#3e796f rgb(62,121,111) hsl(170,32%,36%)
#366860 rgb(54,104,96) hsl(170,32%,31%)
#2d5850 rgb(45,88,80) hsl(170,32%,26%)
#244741 rgb(36,71,65) hsl(170,32%,21%)
#1c3632 rgb(28,54,50) hsl(170,32%,16%)
#132522 rgb(19,37,34) hsl(170,32%,11%)
#0a1413 rgb(10,20,19) hsl(170,32%,6%)
#020303 rgb(2,3,3) hsl(170,32%,1%)

Adjacent colors

HEX RGB HSL
#5AAB67 rgb(90,171,103) hsl(130,33%,51%)
#5AAA9D rgb(90,170,157) hsl(170,32%,51%)
#5A82AA rgb(90,130,170) hsl(210,32%,51%)

Monochromatic colors

HEX RGB HSL
#90C7BD rgb(144,199,189) hsl(169,33%,67%)
#75B8AD rgb(117,184,173) hsl(170,32%,59%)
#5AAA9D rgb(90,170,157) hsl(170,32%,51%)
#4A9184 rgb(74,145,132) hsl(169,32%,43%)
#3C756B rgb(60,117,107) hsl(169,32%,35%)
#2D5952 rgb(45,89,82) hsl(170,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAA9D rgb(90,170,157) hsl(170,32%,51%)
#AA598F rgb(170,89,143) hsl(320,32%,51%)
#AA755A rgb(170,117,90) hsl(20,32%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAA9D rgb(90,170,157) hsl(170,32%,51%)
#AA5967 rgb(170,89,103) hsl(350,32%,51%)
#5AAB75 rgb(90,171,117) hsl(140,33%,51%)
#AA755A rgb(170,117,90) hsl(20,32%,51%)