HEX #5A9C8F color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5A9C8F color palette from light to dark

HEX RGB HSL
#f9fbfb rgb(249,251,251) hsl(168,27%,98%)
#e8f2f0 rgb(232,242,240) hsl(168,27%,93%)
#d8e9e5 rgb(216,233,229) hsl(168,27%,88%)
#c8dfdb rgb(200,223,219) hsl(168,27%,83%)
#b8d6d0 rgb(184,214,208) hsl(168,27%,78%)
#a8cdc5 rgb(168,205,197) hsl(168,27%,73%)
#97c3bb rgb(151,195,187) hsl(168,27%,68%)
#87bab0 rgb(135,186,176) hsl(168,27%,63%)
#77b1a5 rgb(119,177,165) hsl(168,27%,58%)
#67a89b rgb(103,168,155) hsl(168,27%,53%)
#599b8e rgb(89,155,142) hsl(168,27%,48%)
#508b7f rgb(80,139,127) hsl(168,27%,43%)
#477b71 rgb(71,123,113) hsl(168,27%,38%)
#3d6b62 rgb(61,107,98) hsl(168,27%,33%)
#345b53 rgb(52,91,83) hsl(168,27%,28%)
#2b4a44 rgb(43,74,68) hsl(168,27%,23%)
#223a35 rgb(34,58,53) hsl(168,27%,18%)
#182a27 rgb(24,42,39) hsl(168,27%,13%)
#0f1a18 rgb(15,26,24) hsl(168,27%,8%)
#060a09 rgb(6,10,9) hsl(168,27%,3%)

Adjacent colors

HEX RGB HSL
#5A9C63 rgb(90,156,99) hsl(128,27%,48%)
#5A9C8F rgb(90,156,143) hsl(168,27%,48%)
#5A7D9C rgb(90,125,156) hsl(208,27%,48%)

Monochromatic colors

HEX RGB HSL
#89BAB1 rgb(137,186,177) hsl(169,26%,63%)
#70ADA0 rgb(112,173,160) hsl(167,27%,56%)
#5A9C8F rgb(90,156,143) hsl(168,27%,48%)
#4B8278 rgb(75,130,120) hsl(169,27%,40%)
#3D6B61 rgb(61,107,97) hsl(167,27%,33%)
#2E524A rgb(46,82,74) hsl(167,28%,25%)

Triad color palettes

HEX RGB HSL
#5A9C8F rgb(90,156,143) hsl(168,27%,48%)
#9C5988 rgb(156,89,136) hsl(318,27%,48%)
#9C6E5A rgb(156,110,90) hsl(18,27%,48%)

Tetrad color palettes

HEX RGB HSL
#5A9C8F rgb(90,156,143) hsl(168,27%,48%)
#9C5967 rgb(156,89,103) hsl(347,27%,48%)
#5A9C6E rgb(90,156,110) hsl(138,27%,48%)
#9C6E5A rgb(156,110,90) hsl(18,27%,48%)