HEX #5AA1A5 color — Breaker Bay
The color #5AA1A5 is a light shade and slightly desaturated.
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%) |