HEX #5AA6A1 color — Breaker Bay
The color #5AA6A1 is a light shade and slightly desaturated.
Palette
5AA6A1 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f6 |
rgb(238,246,246) |
hsl(176,30%,95%) |
| #deedec |
rgb(222,237,236) |
hsl(176,30%,90%) |
| #cde4e3 |
rgb(205,228,227) |
hsl(176,30%,85%) |
| #bddbd9 |
rgb(189,219,217) |
hsl(176,30%,80%) |
| #acd2d0 |
rgb(172,210,208) |
hsl(176,30%,75%) |
| #9cc9c6 |
rgb(156,201,198) |
hsl(176,30%,70%) |
| #8bc1bd |
rgb(139,193,189) |
hsl(176,30%,65%) |
| #7ab8b4 |
rgb(122,184,180) |
hsl(176,30%,60%) |
| #6aafaa |
rgb(106,175,170) |
hsl(176,30%,55%) |
| #59a6a1 |
rgb(89,166,161) |
hsl(176,30%,50%) |
| #509591 |
rgb(80,149,145) |
hsl(176,30%,45%) |
| #478581 |
rgb(71,133,129) |
hsl(176,30%,40%) |
| #3e7470 |
rgb(62,116,112) |
hsl(176,30%,35%) |
| #366360 |
rgb(54,99,96) |
hsl(176,30%,30%) |
| #2d5350 |
rgb(45,83,80) |
hsl(176,30%,25%) |
| #244240 |
rgb(36,66,64) |
hsl(176,30%,20%) |
| #1b3230 |
rgb(27,50,48) |
hsl(176,30%,15%) |
| #122120 |
rgb(18,33,32) |
hsl(176,30%,10%) |
| #091110 |
rgb(9,17,16) |
hsl(176,30%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AA66E |
rgb(90,166,110) |
hsl(136,30%,50%) |
| #5AA6A1 |
rgb(90,166,161) |
hsl(176,30%,50%) |
| #5A78A6 |
rgb(90,120,166) |
hsl(216,30%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8FC2BF |
rgb(143,194,191) |
hsl(176,29%,66%) |
| #74B5B0 |
rgb(116,181,176) |
hsl(175,31%,58%) |
| #5AA6A1 |
rgb(90,166,161) |
hsl(176,30%,50%) |
| #4B8C87 |
rgb(75,140,135) |
hsl(175,30%,42%) |
| #3D706D |
rgb(61,112,109) |
hsl(176,29%,34%) |
| #2E5753 |
rgb(46,87,83) |
hsl(174,31%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5AA6A1 |
rgb(90,166,161) |
hsl(176,30%,50%) |
| #A65985 |
rgb(166,89,133) |
hsl(326,30%,50%) |
| #A67A5A |
rgb(166,122,90) |
hsl(25,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5AA6A1 |
rgb(90,166,161) |
hsl(176,30%,50%) |
| #A6595F |
rgb(166,89,95) |
hsl(355,30%,50%) |
| #5AA67B |
rgb(90,166,123) |
hsl(146,30%,50%) |
| #A67A5A |
rgb(166,122,90) |
hsl(25,30%,50%) |
