HEX #5AA898 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5AA898 color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(168,31%,96%)
#e1efec rgb(225,239,236) hsl(168,31%,91%)
#d0e6e2 rgb(208,230,226) hsl(168,31%,86%)
#c0ded8 rgb(192,222,216) hsl(168,31%,81%)
#afd5cd rgb(175,213,205) hsl(168,31%,76%)
#9eccc3 rgb(158,204,195) hsl(168,31%,71%)
#8dc3b8 rgb(141,195,184) hsl(168,31%,66%)
#7dbaae rgb(125,186,174) hsl(168,31%,61%)
#6cb2a4 rgb(108,178,164) hsl(168,31%,56%)
#5ba999 rgb(91,169,153) hsl(168,31%,51%)
#519a8b rgb(81,154,139) hsl(168,31%,46%)
#48897c rgb(72,137,124) hsl(168,31%,41%)
#3f786d rgb(63,120,109) hsl(168,31%,36%)
#37685e rgb(55,104,94) hsl(168,31%,31%)
#2e574f rgb(46,87,79) hsl(168,31%,26%)
#254640 rgb(37,70,64) hsl(168,31%,21%)
#1c3530 rgb(28,53,48) hsl(168,31%,16%)
#132521 rgb(19,37,33) hsl(168,31%,11%)
#0b1412 rgb(11,20,18) hsl(168,31%,6%)
#020303 rgb(2,3,3) hsl(168,31%,1%)

Adjacent colors

HEX RGB HSL
#5AA864 rgb(90,168,100) hsl(128,31%,51%)
#5AA898 rgb(90,168,152) hsl(168,31%,51%)
#5A85A8 rgb(90,133,168) hsl(207,31%,51%)

Monochromatic colors

HEX RGB HSL
#90C4B9 rgb(144,196,185) hsl(167,31%,67%)
#75B5A8 rgb(117,181,168) hsl(168,30%,58%)
#5AA898 rgb(90,168,152) hsl(168,31%,51%)
#4A8F80 rgb(74,143,128) hsl(167,32%,43%)
#3C7367 rgb(60,115,103) hsl(167,31%,34%)
#2E574F rgb(46,87,79) hsl(168,31%,26%)

Triad color palettes

HEX RGB HSL
#5AA898 rgb(90,168,152) hsl(168,31%,51%)
#A85991 rgb(168,89,145) hsl(317,31%,50%)
#A8705A rgb(168,112,90) hsl(17,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5AA898 rgb(90,168,152) hsl(168,31%,51%)
#A8596A rgb(168,89,106) hsl(347,31%,50%)
#5AA871 rgb(90,168,113) hsl(138,31%,51%)
#A8705A rgb(168,112,90) hsl(17,31%,51%)