HEX #5AA3A4 color — Breaker Bay
The color #5AA3A4 is a light shade and slightly desaturated.
Palette
5AA3A4 color palette from light to dark
| HEX |
RGB |
HSL |
| #eff6f6 |
rgb(239,246,246) |
hsl(181,29%,95%) |
| #deeded |
rgb(222,237,237) |
hsl(181,29%,90%) |
| #cee3e4 |
rgb(206,227,228) |
hsl(181,29%,85%) |
| #bddadb |
rgb(189,218,219) |
hsl(181,29%,80%) |
| #add1d2 |
rgb(173,209,210) |
hsl(181,29%,75%) |
| #9cc8c9 |
rgb(156,200,201) |
hsl(181,29%,70%) |
| #8cbfc0 |
rgb(140,191,192) |
hsl(181,29%,65%) |
| #7bb6b7 |
rgb(123,182,183) |
hsl(181,29%,60%) |
| #6bacae |
rgb(107,172,174) |
hsl(181,29%,55%) |
| #5ba3a4 |
rgb(91,163,164) |
hsl(181,29%,50%) |
| #519394 |
rgb(81,147,148) |
hsl(181,29%,45%) |
| #488384 |
rgb(72,131,132) |
hsl(181,29%,40%) |
| #3f7273 |
rgb(63,114,115) |
hsl(181,29%,35%) |
| #366263 |
rgb(54,98,99) |
hsl(181,29%,30%) |
| #2d5252 |
rgb(45,82,82) |
hsl(181,29%,25%) |
| #244142 |
rgb(36,65,66) |
hsl(181,29%,20%) |
| #1b3131 |
rgb(27,49,49) |
hsl(181,29%,15%) |
| #122121 |
rgb(18,33,33) |
hsl(181,29%,10%) |
| #091010 |
rgb(9,16,16) |
hsl(181,29%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AA373 |
rgb(90,163,115) |
hsl(141,29%,50%) |
| #5AA3A4 |
rgb(90,163,164) |
hsl(181,29%,50%) |
| #5A73A4 |
rgb(90,115,164) |
hsl(220,29%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8EBFC1 |
rgb(142,191,193) |
hsl(182,29%,66%) |
| #73B3B2 |
rgb(115,179,178) |
hsl(179,30%,58%) |
| #5AA3A4 |
rgb(90,163,164) |
hsl(181,29%,50%) |
| #4B8A89 |
rgb(75,138,137) |
hsl(179,30%,42%) |
| #3D6E6F |
rgb(61,110,111) |
hsl(181,29%,34%) |
| #2E5455 |
rgb(46,84,85) |
hsl(182,30%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5AA3A4 |
rgb(90,163,164) |
hsl(181,29%,50%) |
| #A4597E |
rgb(164,89,126) |
hsl(330,30%,50%) |
| #A4805A |
rgb(164,128,90) |
hsl(31,29%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5AA3A4 |
rgb(90,163,164) |
hsl(181,29%,50%) |
| #A45C5A |
rgb(164,92,90) |
hsl(2,29%,50%) |
| #5AA380 |
rgb(90,163,128) |
hsl(151,29%,50%) |
| #A4805A |
rgb(164,128,90) |
hsl(31,29%,50%) |
