HEX #5AA895 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5AA895 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
#5AA861 rgb(90,168,97) hsl(125,31%,51%)
#5AA895 rgb(90,168,149) 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%)
#75B5A6 rgb(117,181,166) hsl(166,30%,58%)
#5AA895 rgb(90,168,149) hsl(165,31%,51%)
#4A8F7D rgb(74,143,125) hsl(164,32%,43%)
#3C7365 rgb(60,115,101) hsl(165,31%,34%)
#2E574D rgb(46,87,77) hsl(165,31%,26%)

Triad color palettes

HEX RGB HSL
#5AA895 rgb(90,168,149) hsl(165,31%,51%)
#A85994 rgb(168,89,148) hsl(315,31%,50%)
#A86E5A rgb(168,110,90) hsl(15,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5AA895 rgb(90,168,149) hsl(165,31%,51%)
#A8596D rgb(168,89,109) hsl(345,31%,50%)
#5AA86E rgb(90,168,110) hsl(135,31%,51%)
#A86E5A rgb(168,110,90) hsl(15,31%,51%)