HEX #5AAA9E color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5aaa9e color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(171,32%,96%)
#e1efed rgb(225,239,237) hsl(171,32%,91%)
#d0e7e3 rgb(208,231,227) hsl(171,32%,86%)
#bfded9 rgb(191,222,217) hsl(171,32%,81%)
#aed5d0 rgb(174,213,208) hsl(171,32%,76%)
#9dcdc6 rgb(157,205,198) hsl(171,32%,71%)
#8dc4bc rgb(141,196,188) hsl(171,32%,66%)
#7cbbb2 rgb(124,187,178) hsl(171,32%,61%)
#6bb3a8 rgb(107,179,168) hsl(171,32%,56%)
#5aaa9e rgb(90,170,158) hsl(171,32%,51%)
#509b90 rgb(80,155,144) hsl(171,32%,46%)
#478a80 rgb(71,138,128) hsl(171,32%,41%)
#3e7970 rgb(62,121,112) hsl(171,32%,36%)
#366861 rgb(54,104,97) hsl(171,32%,31%)
#2d5851 rgb(45,88,81) hsl(171,32%,26%)
#244742 rgb(36,71,66) hsl(171,32%,21%)
#1c3632 rgb(28,54,50) hsl(171,32%,16%)
#132522 rgb(19,37,34) hsl(171,32%,11%)
#0a1413 rgb(10,20,19) hsl(171,32%,6%)
#020303 rgb(2,3,3) hsl(171,32%,1%)

Adjacent colors

HEX RGB HSL
#5AAB68 rgb(90,171,104) hsl(130,33%,51%)
#5AAA9E rgb(90,170,158) hsl(171,32%,51%)
#5A80AA rgb(90,128,170) hsl(212,32%,51%)

Monochromatic colors

HEX RGB HSL
#90C7BE rgb(144,199,190) hsl(170,33%,67%)
#75B8AE rgb(117,184,174) hsl(171,32%,59%)
#5AAA9E rgb(90,170,158) hsl(171,32%,51%)
#4A9185 rgb(74,145,133) hsl(170,32%,43%)
#3C756C rgb(60,117,108) hsl(171,32%,35%)
#2D5952 rgb(45,89,82) hsl(170,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAA9E rgb(90,170,158) hsl(171,32%,51%)
#AA598E rgb(170,89,142) hsl(321,32%,51%)
#AA755A rgb(170,117,90) hsl(20,32%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAA9E rgb(90,170,158) hsl(171,32%,51%)
#AA5966 rgb(170,89,102) hsl(350,32%,51%)
#5AAB76 rgb(90,171,118) hsl(141,33%,51%)
#AA755A rgb(170,117,90) hsl(20,32%,51%)