HEX #5BA7A9 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5ba7a9 color palette from light to dark

HEX RGB HSL
#f2f8f8 rgb(242,248,248) hsl(182,31%,96%)
#e1efef rgb(225,239,239) hsl(182,31%,91%)
#d0e6e6 rgb(208,230,230) hsl(182,31%,86%)
#c0ddde rgb(192,221,222) hsl(182,31%,81%)
#afd4d5 rgb(175,212,213) hsl(182,31%,76%)
#9ecacc rgb(158,202,204) hsl(182,31%,71%)
#8dc1c3 rgb(141,193,195) hsl(182,31%,66%)
#7db8ba rgb(125,184,186) hsl(182,31%,61%)
#6cafb2 rgb(108,175,178) hsl(182,31%,56%)
#5ba6a9 rgb(91,166,169) hsl(182,31%,51%)
#51979a rgb(81,151,154) hsl(182,31%,46%)
#488789 rgb(72,135,137) hsl(182,31%,41%)
#3f7678 rgb(63,118,120) hsl(182,31%,36%)
#376668 rgb(55,102,104) hsl(182,31%,31%)
#2e5557 rgb(46,85,87) hsl(182,31%,26%)
#254546 rgb(37,69,70) hsl(182,31%,21%)
#1c3535 rgb(28,53,53) hsl(182,31%,16%)
#132425 rgb(19,36,37) hsl(182,31%,11%)
#0b1414 rgb(11,20,20) hsl(182,31%,6%)
#020303 rgb(2,3,3) hsl(182,31%,1%)

Adjacent colors

HEX RGB HSL
#5BA877 rgb(91,168,119) hsl(142,31%,51%)
#5BA7A9 rgb(91,167,169) hsl(182,31%,51%)
#5B73A9 rgb(91,115,169) hsl(222,31%,51%)

Monochromatic colors

HEX RGB HSL
#91C4C5 rgb(145,196,197) hsl(181,31%,67%)
#76B5B7 rgb(118,181,183) hsl(182,31%,59%)
#5BA7A9 rgb(91,167,169) hsl(182,31%,51%)
#4B8C8F rgb(75,140,143) hsl(183,31%,43%)
#3C7373 rgb(60,115,115) hsl(180,31%,34%)
#2E5758 rgb(46,87,88) hsl(181,31%,26%)

Triad color palettes

HEX RGB HSL
#5BA7A9 rgb(91,167,169) hsl(182,31%,51%)
#A95C80 rgb(169,92,128) hsl(332,31%,51%)
#A9855B rgb(169,133,91) hsl(32,31%,51%)

Tetrad color palettes

HEX RGB HSL
#5BA7A9 rgb(91,167,169) hsl(182,31%,51%)
#A95C5B rgb(169,92,91) hsl(1,31%,51%)
#5BA884 rgb(91,168,132) hsl(152,31%,51%)
#A9855B rgb(169,133,91) hsl(32,31%,51%)