HEX #5AA89A color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5AA89A color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(169,31%,96%)
#e1efed rgb(225,239,237) hsl(169,31%,91%)
#d0e6e2 rgb(208,230,226) hsl(169,31%,86%)
#c0ded8 rgb(192,222,216) hsl(169,31%,81%)
#afd5ce rgb(175,213,206) hsl(169,31%,76%)
#9eccc4 rgb(158,204,196) hsl(169,31%,71%)
#8dc3b9 rgb(141,195,185) hsl(169,31%,66%)
#7dbaaf rgb(125,186,175) hsl(169,31%,61%)
#6cb2a5 rgb(108,178,165) hsl(169,31%,56%)
#5ba99b rgb(91,169,155) hsl(169,31%,51%)
#519a8c rgb(81,154,140) hsl(169,31%,46%)
#48897d rgb(72,137,125) hsl(169,31%,41%)
#3f786e rgb(63,120,110) hsl(169,31%,36%)
#37685f rgb(55,104,95) hsl(169,31%,31%)
#2e574f rgb(46,87,79) hsl(169,31%,26%)
#254640 rgb(37,70,64) hsl(169,31%,21%)
#1c3531 rgb(28,53,49) hsl(169,31%,16%)
#132522 rgb(19,37,34) hsl(169,31%,11%)
#0b1412 rgb(11,20,18) hsl(169,31%,6%)
#020303 rgb(2,3,3) hsl(169,31%,1%)

Adjacent colors

HEX RGB HSL
#5AA866 rgb(90,168,102) hsl(129,31%,51%)
#5AA89A rgb(90,168,154) hsl(169,31%,51%)
#5A82A8 rgb(90,130,168) hsl(209,31%,51%)

Monochromatic colors

HEX RGB HSL
#90C4BB rgb(144,196,187) hsl(170,31%,67%)
#75B5AA rgb(117,181,170) hsl(170,30%,58%)
#5AA89A rgb(90,168,154) hsl(169,31%,51%)
#4A8F81 rgb(74,143,129) hsl(168,32%,43%)
#3C7369 rgb(60,115,105) hsl(169,31%,34%)
#2E5750 rgb(46,87,80) hsl(170,31%,26%)

Triad color palettes

HEX RGB HSL
#5AA89A rgb(90,168,154) hsl(169,31%,51%)
#A8598F rgb(168,89,143) hsl(319,31%,50%)
#A8735A rgb(168,115,90) hsl(19,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5AA89A rgb(90,168,154) hsl(169,31%,51%)
#A85968 rgb(168,89,104) hsl(349,31%,50%)
#5AA873 rgb(90,168,115) hsl(139,31%,51%)
#A8735A rgb(168,115,90) hsl(19,31%,51%)