HEX #5AA890 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5AA890 color palette from light to dark

HEX RGB HSL
#f2f8f6 rgb(242,248,246) hsl(162,31%,96%)
#e1efeb rgb(225,239,235) hsl(162,31%,91%)
#d0e6e0 rgb(208,230,224) hsl(162,31%,86%)
#c0ded5 rgb(192,222,213) hsl(162,31%,81%)
#afd5c9 rgb(175,213,201) hsl(162,31%,76%)
#9eccbe rgb(158,204,190) hsl(162,31%,71%)
#8dc3b3 rgb(141,195,179) hsl(162,31%,66%)
#7dbaa8 rgb(125,186,168) hsl(162,31%,61%)
#6cb29d rgb(108,178,157) hsl(162,31%,56%)
#5ba992 rgb(91,169,146) hsl(162,31%,51%)
#519a84 rgb(81,154,132) hsl(162,31%,46%)
#488976 rgb(72,137,118) hsl(162,31%,41%)
#3f7867 rgb(63,120,103) hsl(162,31%,36%)
#376859 rgb(55,104,89) hsl(162,31%,31%)
#2e574b rgb(46,87,75) hsl(162,31%,26%)
#25463c rgb(37,70,60) hsl(162,31%,21%)
#1c352e rgb(28,53,46) hsl(162,31%,16%)
#132520 rgb(19,37,32) hsl(162,31%,11%)
#0b1411 rgb(11,20,17) hsl(162,31%,6%)
#020303 rgb(2,3,3) hsl(162,31%,1%)

Adjacent colors

HEX RGB HSL
#5AA85C rgb(90,168,92) hsl(122,31%,51%)
#5AA890 rgb(90,168,144) hsl(162,31%,51%)
#5A8CA8 rgb(90,140,168) hsl(202,31%,51%)

Monochromatic colors

HEX RGB HSL
#90C4B4 rgb(144,196,180) hsl(162,31%,67%)
#75B5A2 rgb(117,181,162) hsl(162,30%,58%)
#5AA890 rgb(90,168,144) hsl(162,31%,51%)
#4A8F79 rgb(74,143,121) hsl(161,32%,43%)
#3C7362 rgb(60,115,98) hsl(161,31%,34%)
#2E574B rgb(46,87,75) hsl(162,31%,26%)

Triad color palettes

HEX RGB HSL
#5AA890 rgb(90,168,144) hsl(162,31%,51%)
#A85999 rgb(168,89,153) hsl(311,31%,50%)
#A8695A rgb(168,105,90) hsl(12,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5AA890 rgb(90,168,144) hsl(162,31%,51%)
#A85972 rgb(168,89,114) hsl(341,31%,50%)
#5AA869 rgb(90,168,105) hsl(132,31%,51%)
#A8695A rgb(168,105,90) hsl(12,31%,51%)