HEX #5AA89C color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5AA89C color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(171,31%,96%)
#e1efed rgb(225,239,237) hsl(171,31%,91%)
#d0e6e3 rgb(208,230,227) hsl(171,31%,86%)
#c0ded9 rgb(192,222,217) hsl(171,31%,81%)
#afd5cf rgb(175,213,207) hsl(171,31%,76%)
#9eccc5 rgb(158,204,197) hsl(171,31%,71%)
#8dc3bb rgb(141,195,187) hsl(171,31%,66%)
#7dbab1 rgb(125,186,177) hsl(171,31%,61%)
#6cb2a7 rgb(108,178,167) hsl(171,31%,56%)
#5ba99d rgb(91,169,157) hsl(171,31%,51%)
#519a8f rgb(81,154,143) hsl(171,31%,46%)
#48897f rgb(72,137,127) hsl(171,31%,41%)
#3f7870 rgb(63,120,112) hsl(171,31%,36%)
#376860 rgb(55,104,96) hsl(171,31%,31%)
#2e5751 rgb(46,87,81) hsl(171,31%,26%)
#254641 rgb(37,70,65) hsl(171,31%,21%)
#1c3532 rgb(28,53,50) hsl(171,31%,16%)
#132522 rgb(19,37,34) hsl(171,31%,11%)
#0b1413 rgb(11,20,19) hsl(171,31%,6%)
#020303 rgb(2,3,3) hsl(171,31%,1%)

Adjacent colors

HEX RGB HSL
#5AA868 rgb(90,168,104) hsl(131,31%,51%)
#5AA89C rgb(90,168,156) hsl(171,31%,51%)
#5A80A8 rgb(90,128,168) hsl(211,31%,51%)

Monochromatic colors

HEX RGB HSL
#90C4BC rgb(144,196,188) hsl(171,31%,67%)
#75B5AC rgb(117,181,172) hsl(172,30%,58%)
#5AA89C rgb(90,168,156) hsl(171,31%,51%)
#4A8F83 rgb(74,143,131) hsl(170,32%,43%)
#3C736A rgb(60,115,106) hsl(170,31%,34%)
#2E5751 rgb(46,87,81) hsl(171,31%,26%)

Triad color palettes

HEX RGB HSL
#5AA89C rgb(90,168,156) hsl(171,31%,51%)
#A8598D rgb(168,89,141) hsl(321,31%,50%)
#A8755A rgb(168,117,90) hsl(21,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5AA89C rgb(90,168,156) hsl(171,31%,51%)
#A85966 rgb(168,89,102) hsl(350,31%,50%)
#5AA875 rgb(90,168,117) hsl(141,31%,51%)
#A8755A rgb(168,117,90) hsl(21,31%,51%)