HEX #5AA6A4 color — Breaker Bay
The color #5AA6A4 is a light shade and slightly desaturated.
Palette
5AA6A4 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f6 |
rgb(238,246,246) |
hsl(178,30%,95%) |
| #deeded |
rgb(222,237,237) |
hsl(178,30%,90%) |
| #cde4e3 |
rgb(205,228,227) |
hsl(178,30%,85%) |
| #bddbda |
rgb(189,219,218) |
hsl(178,30%,80%) |
| #acd2d1 |
rgb(172,210,209) |
hsl(178,30%,75%) |
| #9cc9c8 |
rgb(156,201,200) |
hsl(178,30%,70%) |
| #8bc1bf |
rgb(139,193,191) |
hsl(178,30%,65%) |
| #7ab8b6 |
rgb(122,184,182) |
hsl(178,30%,60%) |
| #6aafac |
rgb(106,175,172) |
hsl(178,30%,55%) |
| #59a6a3 |
rgb(89,166,163) |
hsl(178,30%,50%) |
| #509593 |
rgb(80,149,147) |
hsl(178,30%,45%) |
| #478583 |
rgb(71,133,131) |
hsl(178,30%,40%) |
| #3e7472 |
rgb(62,116,114) |
hsl(178,30%,35%) |
| #366362 |
rgb(54,99,98) |
hsl(178,30%,30%) |
| #2d5352 |
rgb(45,83,82) |
hsl(178,30%,25%) |
| #244241 |
rgb(36,66,65) |
hsl(178,30%,20%) |
| #1b3231 |
rgb(27,50,49) |
hsl(178,30%,15%) |
| #122121 |
rgb(18,33,33) |
hsl(178,30%,10%) |
| #091110 |
rgb(9,17,16) |
hsl(178,30%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AA671 |
rgb(90,166,113) |
hsl(138,30%,50%) |
| #5AA6A4 |
rgb(90,166,164) |
hsl(178,30%,50%) |
| #5A75A6 |
rgb(90,117,166) |
hsl(219,30%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8FC2C1 |
rgb(143,194,193) |
hsl(179,29%,66%) |
| #74B5B2 |
rgb(116,181,178) |
hsl(177,31%,58%) |
| #5AA6A4 |
rgb(90,166,164) |
hsl(178,30%,50%) |
| #4B8C8A |
rgb(75,140,138) |
hsl(178,30%,42%) |
| #3D706F |
rgb(61,112,111) |
hsl(179,29%,34%) |
| #2E5755 |
rgb(46,87,85) |
hsl(177,31%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5AA6A4 |
rgb(90,166,164) |
hsl(178,30%,50%) |
| #A65982 |
rgb(166,89,130) |
hsl(328,30%,50%) |
| #A67D5A |
rgb(166,125,90) |
hsl(28,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5AA6A4 |
rgb(90,166,164) |
hsl(178,30%,50%) |
| #A6595C |
rgb(166,89,92) |
hsl(358,30%,50%) |
| #5AA67E |
rgb(90,166,126) |
hsl(148,30%,50%) |
| #A67D5A |
rgb(166,125,90) |
hsl(28,30%,50%) |
