HEX #5AA6A2 color — Breaker Bay
The color #5AA6A2 is a light shade and slightly desaturated.
Palette
5AA6A2 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f6 |
rgb(238,246,246) |
hsl(177,30%,95%) |
| #deedec |
rgb(222,237,236) |
hsl(177,30%,90%) |
| #cde4e3 |
rgb(205,228,227) |
hsl(177,30%,85%) |
| #bddbda |
rgb(189,219,218) |
hsl(177,30%,80%) |
| #acd2d0 |
rgb(172,210,208) |
hsl(177,30%,75%) |
| #9cc9c7 |
rgb(156,201,199) |
hsl(177,30%,70%) |
| #8bc1be |
rgb(139,193,190) |
hsl(177,30%,65%) |
| #7ab8b5 |
rgb(122,184,181) |
hsl(177,30%,60%) |
| #6aafab |
rgb(106,175,171) |
hsl(177,30%,55%) |
| #59a6a2 |
rgb(89,166,162) |
hsl(177,30%,50%) |
| #509592 |
rgb(80,149,146) |
hsl(177,30%,45%) |
| #478582 |
rgb(71,133,130) |
hsl(177,30%,40%) |
| #3e7471 |
rgb(62,116,113) |
hsl(177,30%,35%) |
| #366361 |
rgb(54,99,97) |
hsl(177,30%,30%) |
| #2d5351 |
rgb(45,83,81) |
hsl(177,30%,25%) |
| #244241 |
rgb(36,66,65) |
hsl(177,30%,20%) |
| #1b3231 |
rgb(27,50,49) |
hsl(177,30%,15%) |
| #122120 |
rgb(18,33,32) |
hsl(177,30%,10%) |
| #091110 |
rgb(9,17,16) |
hsl(177,30%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AA66F |
rgb(90,166,111) |
hsl(137,30%,50%) |
| #5AA6A2 |
rgb(90,166,162) |
hsl(177,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%) |
| #74B5B1 |
rgb(116,181,177) |
hsl(176,31%,58%) |
| #5AA6A2 |
rgb(90,166,162) |
hsl(177,30%,50%) |
| #4B8C88 |
rgb(75,140,136) |
hsl(176,30%,42%) |
| #3D706E |
rgb(61,112,110) |
hsl(178,29%,34%) |
| #2E5754 |
rgb(46,87,84) |
hsl(176,31%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5AA6A2 |
rgb(90,166,162) |
hsl(177,30%,50%) |
| #A65984 |
rgb(166,89,132) |
hsl(326,30%,50%) |
| #A67D5A |
rgb(166,125,90) |
hsl(28,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5AA6A2 |
rgb(90,166,162) |
hsl(177,30%,50%) |
| #A6595E |
rgb(166,89,94) |
hsl(356,30%,50%) |
| #5AA67C |
rgb(90,166,124) |
hsl(147,30%,50%) |
| #A67D5A |
rgb(166,125,90) |
hsl(28,30%,50%) |
