HEX #5BA696 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5BA696 color palette from light to dark

HEX RGB HSL
#eef6f4 rgb(238,246,244) hsl(167,30%,95%)
#deedea rgb(222,237,234) hsl(167,30%,90%)
#cde4df rgb(205,228,223) hsl(167,30%,85%)
#bddbd5 rgb(189,219,213) hsl(167,30%,80%)
#acd2ca rgb(172,210,202) hsl(167,30%,75%)
#9cc9c0 rgb(156,201,192) hsl(167,30%,70%)
#8bc1b5 rgb(139,193,181) hsl(167,30%,65%)
#7ab8aa rgb(122,184,170) hsl(167,30%,60%)
#6aafa0 rgb(106,175,160) hsl(167,30%,55%)
#59a695 rgb(89,166,149) hsl(167,30%,50%)
#509586 rgb(80,149,134) hsl(167,30%,45%)
#478577 rgb(71,133,119) hsl(167,30%,40%)
#3e7468 rgb(62,116,104) hsl(167,30%,35%)
#36635a rgb(54,99,90) hsl(167,30%,30%)
#2d534b rgb(45,83,75) hsl(167,30%,25%)
#24423c rgb(36,66,60) hsl(167,30%,20%)
#1b322d rgb(27,50,45) hsl(167,30%,15%)
#12211e rgb(18,33,30) hsl(167,30%,10%)
#09110f rgb(9,17,15) hsl(167,30%,5%)

Adjacent colors

HEX RGB HSL
#5BA664 rgb(91,166,100) hsl(127,30%,50%)
#5BA696 rgb(91,166,150) hsl(167,30%,50%)
#5B85A6 rgb(91,133,166) hsl(206,30%,50%)

Monochromatic colors

HEX RGB HSL
#90C2B8 rgb(144,194,184) hsl(168,29%,66%)
#75B5A7 rgb(117,181,167) hsl(167,30%,58%)
#5BA696 rgb(91,166,150) hsl(167,30%,50%)
#4B8C7E rgb(75,140,126) hsl(167,30%,42%)
#3D7066 rgb(61,112,102) hsl(168,29%,34%)
#2F574E rgb(47,87,78) hsl(167,30%,26%)

Triad color palettes

HEX RGB HSL
#5BA696 rgb(91,166,150) hsl(167,30%,50%)
#A65C90 rgb(166,92,144) hsl(318,29%,51%)
#A6705B rgb(166,112,91) hsl(17,30%,50%)

Tetrad color palettes

HEX RGB HSL
#5BA696 rgb(91,166,150) hsl(167,30%,50%)
#A65C6B rgb(166,92,107) hsl(348,29%,51%)
#5BA670 rgb(91,166,112) hsl(137,30%,50%)
#A6705B rgb(166,112,91) hsl(17,30%,50%)