HEX #5AA1A5 color — Breaker Bay

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

Color codes

copy icon
copy icon
copy icon

Palette

5AA1A5 color palette from light to dark

HEX RGB HSL
#eff6f6 rgb(239,246,246) hsl(183,29%,95%)
#deeced rgb(222,236,237) hsl(183,29%,90%)
#cee3e4 rgb(206,227,228) hsl(183,29%,85%)
#bdd9db rgb(189,217,219) hsl(183,29%,80%)
#add0d2 rgb(173,208,210) hsl(183,29%,75%)
#9cc6c9 rgb(156,198,201) hsl(183,29%,70%)
#8cbdc0 rgb(140,189,192) hsl(183,29%,65%)
#7bb4b7 rgb(123,180,183) hsl(183,29%,60%)
#6baaae rgb(107,170,174) hsl(183,29%,55%)
#5ba1a4 rgb(91,161,164) hsl(183,29%,50%)
#519194 rgb(81,145,148) hsl(183,29%,45%)
#488184 rgb(72,129,132) hsl(183,29%,40%)
#3f7173 rgb(63,113,115) hsl(183,29%,35%)
#366063 rgb(54,96,99) hsl(183,29%,30%)
#2d5052 rgb(45,80,82) hsl(183,29%,25%)
#244042 rgb(36,64,66) hsl(183,29%,20%)
#1b3031 rgb(27,48,49) hsl(183,29%,15%)
#122021 rgb(18,32,33) hsl(183,29%,10%)
#091010 rgb(9,16,16) hsl(183,29%,5%)

Adjacent colors

HEX RGB HSL
#5AA677 rgb(90,166,119) hsl(143,30%,50%)
#5AA1A5 rgb(90,161,165) hsl(183,29%,50%)
#5A70A5 rgb(90,112,165) hsl(222,29%,50%)

Monochromatic colors

HEX RGB HSL
#8EBFC1 rgb(142,191,193) hsl(182,29%,66%)
#74B0B3 rgb(116,176,179) hsl(183,29%,58%)
#5AA1A5 rgb(90,161,165) hsl(183,29%,50%)
#4B878A rgb(75,135,138) hsl(183,30%,42%)
#3D6E70 rgb(61,110,112) hsl(182,29%,34%)
#2E5455 rgb(46,84,85) hsl(182,30%,26%)

Triad color palettes

HEX RGB HSL
#5AA1A5 rgb(90,161,165) hsl(183,29%,50%)
#A5597B rgb(165,89,123) hsl(333,30%,50%)
#A5855A rgb(165,133,90) hsl(34,29%,50%)

Tetrad color palettes

HEX RGB HSL
#5AA1A5 rgb(90,161,165) hsl(183,29%,50%)
#A55E5A rgb(165,94,90) hsl(3,29%,50%)
#5AA683 rgb(90,166,131) hsl(152,30%,50%)
#A5855A rgb(165,133,90) hsl(34,29%,50%)