HEX #5BA6A7 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA6A7 color palette from light to dark

HEX RGB HSL
#f2f8f8 rgb(242,248,248) hsl(181,30%,96%)
#e1efef rgb(225,239,239) hsl(181,30%,91%)
#d1e6e6 rgb(209,230,230) hsl(181,30%,86%)
#c0dddd rgb(192,221,221) hsl(181,30%,81%)
#afd4d4 rgb(175,212,212) hsl(181,30%,76%)
#9fcacb rgb(159,202,203) hsl(181,30%,71%)
#8ec1c2 rgb(142,193,194) hsl(181,30%,66%)
#7eb8b9 rgb(126,184,185) hsl(181,30%,61%)
#6dafb0 rgb(109,175,176) hsl(181,30%,56%)
#5da6a8 rgb(93,166,168) hsl(181,30%,51%)
#529798 rgb(82,151,152) hsl(181,30%,46%)
#498788 rgb(73,135,136) hsl(181,30%,41%)
#407677 rgb(64,118,119) hsl(181,30%,36%)
#376667 rgb(55,102,103) hsl(181,30%,31%)
#2e5656 rgb(46,86,86) hsl(181,30%,26%)
#254546 rgb(37,69,70) hsl(181,30%,21%)
#1d3535 rgb(29,53,53) hsl(181,30%,16%)
#142424 rgb(20,36,36) hsl(181,30%,11%)
#0b1414 rgb(11,20,20) hsl(181,30%,6%)
#020303 rgb(2,3,3) hsl(181,30%,1%)

Adjacent colors

HEX RGB HSL
#5BA675 rgb(91,166,117) hsl(141,30%,50%)
#5BA6A7 rgb(91,166,167) hsl(181,30%,51%)
#5B73A7 rgb(91,115,167) hsl(221,30%,51%)

Monochromatic colors

HEX RGB HSL
#90C4C3 rgb(144,196,195) hsl(179,31%,67%)
#75B5B5 rgb(117,181,181) hsl(180,30%,58%)
#5BA6A7 rgb(91,166,167) hsl(181,30%,51%)
#4B8C8D rgb(75,140,141) hsl(181,31%,42%)
#3D7372 rgb(61,115,114) hsl(179,31%,35%)
#2E5757 rgb(46,87,87) hsl(180,31%,26%)

Triad color palettes

HEX RGB HSL
#5BA6A7 rgb(91,166,167) hsl(181,30%,51%)
#A75C80 rgb(167,92,128) hsl(331,30%,51%)
#A7825B rgb(167,130,91) hsl(31,30%,51%)

Tetrad color palettes

HEX RGB HSL
#5BA6A7 rgb(91,166,167) hsl(181,30%,51%)
#A75C5B rgb(167,92,91) hsl(1,30%,51%)
#5BA682 rgb(91,166,130) hsl(151,30%,50%)
#A7825B rgb(167,130,91) hsl(31,30%,51%)