HEX #5AAA99 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5aaa99 color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(167,32%,96%)
#e1efec rgb(225,239,236) hsl(167,32%,91%)
#d0e7e2 rgb(208,231,226) hsl(167,32%,86%)
#bfded7 rgb(191,222,215) hsl(167,32%,81%)
#aed5cd rgb(174,213,205) hsl(167,32%,76%)
#9dcdc2 rgb(157,205,194) hsl(167,32%,71%)
#8dc4b8 rgb(141,196,184) hsl(167,32%,66%)
#7cbbae rgb(124,187,174) hsl(167,32%,61%)
#6bb3a3 rgb(107,179,163) hsl(167,32%,56%)
#5aaa99 rgb(90,170,153) hsl(167,32%,51%)
#509b8b rgb(80,155,139) hsl(167,32%,46%)
#478a7c rgb(71,138,124) hsl(167,32%,41%)
#3e796c rgb(62,121,108) hsl(167,32%,36%)
#36685d rgb(54,104,93) hsl(167,32%,31%)
#2d584e rgb(45,88,78) hsl(167,32%,26%)
#24473f rgb(36,71,63) hsl(167,32%,21%)
#1c3630 rgb(28,54,48) hsl(167,32%,16%)
#132521 rgb(19,37,33) hsl(167,32%,11%)
#0a1412 rgb(10,20,18) hsl(167,32%,6%)
#020303 rgb(2,3,3) hsl(167,32%,1%)

Adjacent colors

HEX RGB HSL
#5AAB63 rgb(90,171,99) hsl(127,33%,51%)
#5AAA99 rgb(90,170,153) hsl(167,32%,51%)
#5A85AA rgb(90,133,170) hsl(208,32%,51%)

Monochromatic colors

HEX RGB HSL
#90C7BA rgb(144,199,186) hsl(166,33%,67%)
#75B8A9 rgb(117,184,169) hsl(167,32%,59%)
#5AAA99 rgb(90,170,153) hsl(167,32%,51%)
#4A9181 rgb(74,145,129) hsl(166,32%,43%)
#3C7568 rgb(60,117,104) hsl(166,32%,35%)
#2D5950 rgb(45,89,80) hsl(168,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAA99 rgb(90,170,153) hsl(167,32%,51%)
#AA5993 rgb(170,89,147) hsl(317,32%,51%)
#AA705A rgb(170,112,90) hsl(17,32%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAA99 rgb(90,170,153) hsl(167,32%,51%)
#AA596B rgb(170,89,107) hsl(347,32%,51%)
#5AAB71 rgb(90,171,113) hsl(137,33%,51%)
#AA705A rgb(170,112,90) hsl(17,32%,51%)