HEX #5BA3A7 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA3A7 color palette from light to dark

HEX RGB HSL
#f2f8f8 rgb(242,248,248) hsl(183,30%,96%)
#e1eeef rgb(225,238,239) hsl(183,30%,91%)
#d1e5e6 rgb(209,229,230) hsl(183,30%,86%)
#c0dcdd rgb(192,220,221) hsl(183,30%,81%)
#afd2d4 rgb(175,210,212) hsl(183,30%,76%)
#9fc9cb rgb(159,201,203) hsl(183,30%,71%)
#8ec0c2 rgb(142,192,194) hsl(183,30%,66%)
#7eb6b9 rgb(126,182,185) hsl(183,30%,61%)
#6dadb0 rgb(109,173,176) hsl(183,30%,56%)
#5da4a8 rgb(93,164,168) hsl(183,30%,51%)
#529598 rgb(82,149,152) hsl(183,30%,46%)
#498588 rgb(73,133,136) hsl(183,30%,41%)
#407577 rgb(64,117,119) hsl(183,30%,36%)
#376467 rgb(55,100,103) hsl(183,30%,31%)
#2e5456 rgb(46,84,86) hsl(183,30%,26%)
#254446 rgb(37,68,70) hsl(183,30%,21%)
#1d3435 rgb(29,52,53) hsl(183,30%,16%)
#142424 rgb(20,36,36) hsl(183,30%,11%)
#0b1314 rgb(11,19,20) hsl(183,30%,6%)
#020303 rgb(2,3,3) hsl(183,30%,1%)

Adjacent colors

HEX RGB HSL
#5BA678 rgb(91,166,120) hsl(143,30%,50%)
#5BA3A7 rgb(91,163,167) hsl(183,30%,51%)
#5B70A7 rgb(91,112,167) hsl(223,30%,51%)

Monochromatic colors

HEX RGB HSL
#90C2C3 rgb(144,194,195) hsl(181,30%,66%)
#75B3B5 rgb(117,179,181) hsl(182,30%,58%)
#5BA3A7 rgb(91,163,167) hsl(183,30%,51%)
#4B8A8D rgb(75,138,141) hsl(183,31%,42%)
#3D7072 rgb(61,112,114) hsl(182,30%,34%)
#2E5457 rgb(46,84,87) hsl(184,31%,26%)

Triad color palettes

HEX RGB HSL
#5BA3A7 rgb(91,163,167) hsl(183,30%,51%)
#A75C7D rgb(167,92,125) hsl(334,30%,51%)
#A7855B rgb(167,133,91) hsl(33,30%,51%)

Tetrad color palettes

HEX RGB HSL
#5BA3A7 rgb(91,163,167) hsl(183,30%,51%)
#A75E5B rgb(167,94,91) hsl(2,30%,51%)
#5BA685 rgb(91,166,133) hsl(154,30%,50%)
#A7855B rgb(167,133,91) hsl(33,30%,51%)