HEX #5AA692 color — Breaker Bay
The color #5AA692 is a light shade and slightly desaturated.
Palette
5AA692 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f4 |
rgb(238,246,244) |
hsl(164,30%,95%) |
| #deede9 |
rgb(222,237,233) |
hsl(164,30%,90%) |
| #cde4de |
rgb(205,228,222) |
hsl(164,30%,85%) |
| #bddbd3 |
rgb(189,219,211) |
hsl(164,30%,80%) |
| #acd2c8 |
rgb(172,210,200) |
hsl(164,30%,75%) |
| #9cc9bd |
rgb(156,201,189) |
hsl(164,30%,70%) |
| #8bc1b2 |
rgb(139,193,178) |
hsl(164,30%,65%) |
| #7ab8a7 |
rgb(122,184,167) |
hsl(164,30%,60%) |
| #6aaf9c |
rgb(106,175,156) |
hsl(164,30%,55%) |
| #59a691 |
rgb(89,166,145) |
hsl(164,30%,50%) |
| #509583 |
rgb(80,149,131) |
hsl(164,30%,45%) |
| #478574 |
rgb(71,133,116) |
hsl(164,30%,40%) |
| #3e7466 |
rgb(62,116,102) |
hsl(164,30%,35%) |
| #366357 |
rgb(54,99,87) |
hsl(164,30%,30%) |
| #2d5349 |
rgb(45,83,73) |
hsl(164,30%,25%) |
| #24423a |
rgb(36,66,58) |
hsl(164,30%,20%) |
| #1b322c |
rgb(27,50,44) |
hsl(164,30%,15%) |
| #12211d |
rgb(18,33,29) |
hsl(164,30%,10%) |
| #09110f |
rgb(9,17,15) |
hsl(164,30%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AA65F |
rgb(90,166,95) |
hsl(124,30%,50%) |
| #5AA692 |
rgb(90,166,146) |
hsl(164,30%,50%) |
| #5A87A6 |
rgb(90,135,166) |
hsl(204,30%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8FC2B5 |
rgb(143,194,181) |
hsl(165,29%,66%) |
| #74B5A3 |
rgb(116,181,163) |
hsl(163,31%,58%) |
| #5AA692 |
rgb(90,166,146) |
hsl(164,30%,50%) |
| #4B8C7A |
rgb(75,140,122) |
hsl(163,30%,42%) |
| #3D7063 |
rgb(61,112,99) |
hsl(165,29%,34%) |
| #2E574B |
rgb(46,87,75) |
hsl(162,31%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5AA692 |
rgb(90,166,146) |
hsl(164,30%,50%) |
| #A65994 |
rgb(166,89,148) |
hsl(314,30%,50%) |
| #A66B5A |
rgb(166,107,90) |
hsl(13,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5AA692 |
rgb(90,166,146) |
hsl(164,30%,50%) |
| #A6596E |
rgb(166,89,110) |
hsl(344,30%,50%) |
| #5AA66C |
rgb(90,166,108) |
hsl(134,30%,50%) |
| #A66B5A |
rgb(166,107,90) |
hsl(13,30%,50%) |
