HEX #5AAA96 color — Breaker Bay
The color #5aaa96 is a light shade and slightly desaturated.
Palette
5aaa96 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f6 |
rgb(242,248,246) |
hsl(165,32%,96%) |
#e1efec |
rgb(225,239,236) |
hsl(165,32%,91%) |
#d0e7e1 |
rgb(208,231,225) |
hsl(165,32%,86%) |
#bfded6 |
rgb(191,222,214) |
hsl(165,32%,81%) |
#aed5cc |
rgb(174,213,204) |
hsl(165,32%,76%) |
#9dcdc1 |
rgb(157,205,193) |
hsl(165,32%,71%) |
#8dc4b6 |
rgb(141,196,182) |
hsl(165,32%,66%) |
#7cbbab |
rgb(124,187,171) |
hsl(165,32%,61%) |
#6bb3a1 |
rgb(107,179,161) |
hsl(165,32%,56%) |
#5aaa96 |
rgb(90,170,150) |
hsl(165,32%,51%) |
#509b88 |
rgb(80,155,136) |
hsl(165,32%,46%) |
#478a79 |
rgb(71,138,121) |
hsl(165,32%,41%) |
#3e796a |
rgb(62,121,106) |
hsl(165,32%,36%) |
#36685c |
rgb(54,104,92) |
hsl(165,32%,31%) |
#2d584d |
rgb(45,88,77) |
hsl(165,32%,26%) |
#24473e |
rgb(36,71,62) |
hsl(165,32%,21%) |
#1c362f |
rgb(28,54,47) |
hsl(165,32%,16%) |
#132521 |
rgb(19,37,33) |
hsl(165,32%,11%) |
#0a1412 |
rgb(10,20,18) |
hsl(165,32%,6%) |
#020303 |
rgb(2,3,3) |
hsl(165,32%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AAB60 |
rgb(90,171,96) |
hsl(124,33%,51%) |
#5AAA96 |
rgb(90,170,150) |
hsl(165,32%,51%) |
#5A8AAA |
rgb(90,138,170) |
hsl(204,32%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C7B8 |
rgb(144,199,184) |
hsl(164,33%,67%) |
#75B8A7 |
rgb(117,184,167) |
hsl(165,32%,59%) |
#5AAA96 |
rgb(90,170,150) |
hsl(165,32%,51%) |
#4A917E |
rgb(74,145,126) |
hsl(164,32%,43%) |
#3C7566 |
rgb(60,117,102) |
hsl(164,32%,35%) |
#2D594E |
rgb(45,89,78) |
hsl(165,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AAA96 |
rgb(90,170,150) |
hsl(165,32%,51%) |
#AA5996 |
rgb(170,89,150) |
hsl(315,32%,51%) |
#AA6E5A |
rgb(170,110,90) |
hsl(15,32%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AAA96 |
rgb(90,170,150) |
hsl(165,32%,51%) |
#AA596E |
rgb(170,89,110) |
hsl(344,32%,51%) |
#5AAB6E |
rgb(90,171,110) |
hsl(135,33%,51%) |
#AA6E5A |
rgb(170,110,90) |
hsl(15,32%,51%) |