HEX #5AAAA1 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5aaaa1 color palette from light to dark

HEX RGB HSL
#f2f8f7 rgb(242,248,247) hsl(173,32%,96%)
#e1efee rgb(225,239,238) hsl(173,32%,91%)
#d0e7e4 rgb(208,231,228) hsl(173,32%,86%)
#bfdeda rgb(191,222,218) hsl(173,32%,81%)
#aed5d1 rgb(174,213,209) hsl(173,32%,76%)
#9dcdc7 rgb(157,205,199) hsl(173,32%,71%)
#8dc4be rgb(141,196,190) hsl(173,32%,66%)
#7cbbb4 rgb(124,187,180) hsl(173,32%,61%)
#6bb3aa rgb(107,179,170) hsl(173,32%,56%)
#5aaaa1 rgb(90,170,161) hsl(173,32%,51%)
#509b92 rgb(80,155,146) hsl(173,32%,46%)
#478a82 rgb(71,138,130) hsl(173,32%,41%)
#3e7972 rgb(62,121,114) hsl(173,32%,36%)
#366862 rgb(54,104,98) hsl(173,32%,31%)
#2d5853 rgb(45,88,83) hsl(173,32%,26%)
#244743 rgb(36,71,67) hsl(173,32%,21%)
#1c3633 rgb(28,54,51) hsl(173,32%,16%)
#132523 rgb(19,37,35) hsl(173,32%,11%)
#0a1413 rgb(10,20,19) hsl(173,32%,6%)
#020303 rgb(2,3,3) hsl(173,32%,1%)

Adjacent colors

HEX RGB HSL
#5AAB6B rgb(90,171,107) hsl(133,33%,51%)
#5AAAA1 rgb(90,170,161) hsl(173,32%,51%)
#5A7DAA rgb(90,125,170) hsl(214,32%,51%)

Monochromatic colors

HEX RGB HSL
#90C7C0 rgb(144,199,192) hsl(172,33%,67%)
#75B8B0 rgb(117,184,176) hsl(173,32%,59%)
#5AAAA1 rgb(90,170,161) hsl(173,32%,51%)
#4A9188 rgb(74,145,136) hsl(172,32%,43%)
#3C756E rgb(60,117,110) hsl(173,32%,35%)
#2D5954 rgb(45,89,84) hsl(173,33%,26%)

Triad color palettes

HEX RGB HSL
#5AAAA1 rgb(90,170,161) hsl(173,32%,51%)
#AA598B rgb(170,89,139) hsl(323,32%,51%)
#AA785A rgb(170,120,90) hsl(23,32%,51%)

Tetrad color palettes

HEX RGB HSL
#5AAAA1 rgb(90,170,161) hsl(173,32%,51%)
#AA5963 rgb(170,89,99) hsl(353,32%,51%)
#5AAB79 rgb(90,171,121) hsl(143,33%,51%)
#AA785A rgb(170,120,90) hsl(23,32%,51%)