HEX #5AAA9A color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5aaa9a color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(168,32%,96%)
#e1efec rgb(225,239,236) hsl(168,32%,91%)
#d0e7e2 rgb(208,231,226) hsl(168,32%,86%)
#bfded8 rgb(191,222,216) hsl(168,32%,81%)
#aed5ce rgb(174,213,206) hsl(168,32%,76%)
#9dcdc3 rgb(157,205,195) hsl(168,32%,71%)
#8dc4b9 rgb(141,196,185) hsl(168,32%,66%)
#7cbbaf rgb(124,187,175) hsl(168,32%,61%)
#6bb3a4 rgb(107,179,164) hsl(168,32%,56%)
#5aaa9a rgb(90,170,154) hsl(168,32%,51%)
#509b8c rgb(80,155,140) hsl(168,32%,46%)
#478a7d rgb(71,138,125) hsl(168,32%,41%)
#3e796d rgb(62,121,109) hsl(168,32%,36%)
#36685e rgb(54,104,94) hsl(168,32%,31%)
#2d584f rgb(45,88,79) hsl(168,32%,26%)
#244740 rgb(36,71,64) hsl(168,32%,21%)
#1c3631 rgb(28,54,49) hsl(168,32%,16%)
#132521 rgb(19,37,33) hsl(168,32%,11%)
#0a1412 rgb(10,20,18) hsl(168,32%,6%)
#020303 rgb(2,3,3) hsl(168,32%,1%)

Adjacent colors

HEX RGB HSL
#5AAB64 rgb(90,171,100) hsl(127,33%,51%)
#5AAA9A rgb(90,170,154) hsl(168,32%,51%)
#5A85AA rgb(90,133,170) hsl(208,32%,51%)

Monochromatic colors

HEX RGB HSL
#90C7BB rgb(144,199,187) hsl(167,33%,67%)
#75B8AA rgb(117,184,170) hsl(167,32%,59%)
#5AAA9A rgb(90,170,154) hsl(168,32%,51%)
#4A9182 rgb(74,145,130) hsl(167,32%,43%)
#3C7569 rgb(60,117,105) hsl(167,32%,35%)
#2D5950 rgb(45,89,80) hsl(168,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAA9A rgb(90,170,154) hsl(168,32%,51%)
#AA5992 rgb(170,89,146) hsl(318,32%,51%)
#AA735A rgb(170,115,90) hsl(19,32%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAA9A rgb(90,170,154) hsl(168,32%,51%)
#AA596A rgb(170,89,106) hsl(347,32%,51%)
#5AAB72 rgb(90,171,114) hsl(138,33%,51%)
#AA735A rgb(170,115,90) hsl(19,32%,51%)