HEX #5AA894 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5AA894 color palette from light to dark

HEX RGB HSL
#f2f8f6 rgb(242,248,246) hsl(165,31%,96%)
#e1efec rgb(225,239,236) hsl(165,31%,91%)
#d0e6e1 rgb(208,230,225) hsl(165,31%,86%)
#c0ded6 rgb(192,222,214) hsl(165,31%,81%)
#afd5cb rgb(175,213,203) hsl(165,31%,76%)
#9eccc1 rgb(158,204,193) hsl(165,31%,71%)
#8dc3b6 rgb(141,195,182) hsl(165,31%,66%)
#7dbaab rgb(125,186,171) hsl(165,31%,61%)
#6cb2a0 rgb(108,178,160) hsl(165,31%,56%)
#5ba995 rgb(91,169,149) hsl(165,31%,51%)
#519a87 rgb(81,154,135) hsl(165,31%,46%)
#488979 rgb(72,137,121) hsl(165,31%,41%)
#3f786a rgb(63,120,106) hsl(165,31%,36%)
#37685b rgb(55,104,91) hsl(165,31%,31%)
#2e574d rgb(46,87,77) hsl(165,31%,26%)
#25463e rgb(37,70,62) hsl(165,31%,21%)
#1c352f rgb(28,53,47) hsl(165,31%,16%)
#132520 rgb(19,37,32) hsl(165,31%,11%)
#0b1412 rgb(11,20,18) hsl(165,31%,6%)
#020303 rgb(2,3,3) hsl(165,31%,1%)

Adjacent colors

HEX RGB HSL
#5AA860 rgb(90,168,96) hsl(125,31%,51%)
#5AA894 rgb(90,168,148) hsl(165,31%,51%)
#5A87A8 rgb(90,135,168) hsl(205,31%,51%)

Monochromatic colors

HEX RGB HSL
#90C4B7 rgb(144,196,183) hsl(165,31%,67%)
#75B5A5 rgb(117,181,165) hsl(165,30%,58%)
#5AA894 rgb(90,168,148) hsl(165,31%,51%)
#4A8F7C rgb(74,143,124) hsl(163,32%,43%)
#3C7364 rgb(60,115,100) hsl(164,31%,34%)
#2E574D rgb(46,87,77) hsl(165,31%,26%)

Triad color palettes

HEX RGB HSL
#5AA894 rgb(90,168,148) hsl(165,31%,51%)
#A85995 rgb(168,89,149) hsl(314,31%,50%)
#A86E5A rgb(168,110,90) hsl(15,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5AA894 rgb(90,168,148) hsl(165,31%,51%)
#A8596E rgb(168,89,110) hsl(344,31%,50%)
#5AA86D rgb(90,168,109) hsl(135,31%,51%)
#A86E5A rgb(168,110,90) hsl(15,31%,51%)