HEX #5AA6A0 color — Breaker Bay
The color #5AA6A0 is a light shade and slightly desaturated.
Palette
5AA6A0 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f5 |
rgb(238,246,245) |
hsl(175,30%,95%) |
| #deedec |
rgb(222,237,236) |
hsl(175,30%,90%) |
| #cde4e2 |
rgb(205,228,226) |
hsl(175,30%,85%) |
| #bddbd9 |
rgb(189,219,217) |
hsl(175,30%,80%) |
| #acd2cf |
rgb(172,210,207) |
hsl(175,30%,75%) |
| #9cc9c6 |
rgb(156,201,198) |
hsl(175,30%,70%) |
| #8bc1bc |
rgb(139,193,188) |
hsl(175,30%,65%) |
| #7ab8b3 |
rgb(122,184,179) |
hsl(175,30%,60%) |
| #6aafa9 |
rgb(106,175,169) |
hsl(175,30%,55%) |
| #59a69f |
rgb(89,166,159) |
hsl(175,30%,50%) |
| #50958f |
rgb(80,149,143) |
hsl(175,30%,45%) |
| #478580 |
rgb(71,133,128) |
hsl(175,30%,40%) |
| #3e7470 |
rgb(62,116,112) |
hsl(175,30%,35%) |
| #366360 |
rgb(54,99,96) |
hsl(175,30%,30%) |
| #2d5350 |
rgb(45,83,80) |
hsl(175,30%,25%) |
| #244240 |
rgb(36,66,64) |
hsl(175,30%,20%) |
| #1b3230 |
rgb(27,50,48) |
hsl(175,30%,15%) |
| #122120 |
rgb(18,33,32) |
hsl(175,30%,10%) |
| #091110 |
rgb(9,17,16) |
hsl(175,30%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AA66D |
rgb(90,166,109) |
hsl(135,30%,50%) |
| #5AA6A0 |
rgb(90,166,160) |
hsl(175,30%,50%) |
| #5A7AA6 |
rgb(90,122,166) |
hsl(215,30%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8FC2BE |
rgb(143,194,190) |
hsl(175,29%,66%) |
| #74B5AF |
rgb(116,181,175) |
hsl(174,31%,58%) |
| #5AA6A0 |
rgb(90,166,160) |
hsl(175,30%,50%) |
| #4B8C86 |
rgb(75,140,134) |
hsl(174,30%,42%) |
| #3D706C |
rgb(61,112,108) |
hsl(175,29%,34%) |
| #2E5753 |
rgb(46,87,83) |
hsl(174,31%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5AA6A0 |
rgb(90,166,160) |
hsl(175,30%,50%) |
| #A65986 |
rgb(166,89,134) |
hsl(325,30%,50%) |
| #A67A5A |
rgb(166,122,90) |
hsl(25,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5AA6A0 |
rgb(90,166,160) |
hsl(175,30%,50%) |
| #A65960 |
rgb(166,89,96) |
hsl(355,30%,50%) |
| #5AA67A |
rgb(90,166,122) |
hsl(145,30%,50%) |
| #A67A5A |
rgb(166,122,90) |
hsl(25,30%,50%) |
