HEX #5AAA99 color — Breaker Bay
The color #5aaa99 is a light shade and slightly desaturated.
Palette
5aaa99 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f7 |
rgb(242,248,247) |
hsl(167,32%,96%) |
#e1efec |
rgb(225,239,236) |
hsl(167,32%,91%) |
#d0e7e2 |
rgb(208,231,226) |
hsl(167,32%,86%) |
#bfded7 |
rgb(191,222,215) |
hsl(167,32%,81%) |
#aed5cd |
rgb(174,213,205) |
hsl(167,32%,76%) |
#9dcdc2 |
rgb(157,205,194) |
hsl(167,32%,71%) |
#8dc4b8 |
rgb(141,196,184) |
hsl(167,32%,66%) |
#7cbbae |
rgb(124,187,174) |
hsl(167,32%,61%) |
#6bb3a3 |
rgb(107,179,163) |
hsl(167,32%,56%) |
#5aaa99 |
rgb(90,170,153) |
hsl(167,32%,51%) |
#509b8b |
rgb(80,155,139) |
hsl(167,32%,46%) |
#478a7c |
rgb(71,138,124) |
hsl(167,32%,41%) |
#3e796c |
rgb(62,121,108) |
hsl(167,32%,36%) |
#36685d |
rgb(54,104,93) |
hsl(167,32%,31%) |
#2d584e |
rgb(45,88,78) |
hsl(167,32%,26%) |
#24473f |
rgb(36,71,63) |
hsl(167,32%,21%) |
#1c3630 |
rgb(28,54,48) |
hsl(167,32%,16%) |
#132521 |
rgb(19,37,33) |
hsl(167,32%,11%) |
#0a1412 |
rgb(10,20,18) |
hsl(167,32%,6%) |
#020303 |
rgb(2,3,3) |
hsl(167,32%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AAB63 |
rgb(90,171,99) |
hsl(127,33%,51%) |
#5AAA99 |
rgb(90,170,153) |
hsl(167,32%,51%) |
#5A85AA |
rgb(90,133,170) |
hsl(208,32%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C7BA |
rgb(144,199,186) |
hsl(166,33%,67%) |
#75B8A9 |
rgb(117,184,169) |
hsl(167,32%,59%) |
#5AAA99 |
rgb(90,170,153) |
hsl(167,32%,51%) |
#4A9181 |
rgb(74,145,129) |
hsl(166,32%,43%) |
#3C7568 |
rgb(60,117,104) |
hsl(166,32%,35%) |
#2D5950 |
rgb(45,89,80) |
hsl(168,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AAA99 |
rgb(90,170,153) |
hsl(167,32%,51%) |
#AA5993 |
rgb(170,89,147) |
hsl(317,32%,51%) |
#AA705A |
rgb(170,112,90) |
hsl(17,32%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AAA99 |
rgb(90,170,153) |
hsl(167,32%,51%) |
#AA596B |
rgb(170,89,107) |
hsl(347,32%,51%) |
#5AAB71 |
rgb(90,171,113) |
hsl(137,33%,51%) |
#AA705A |
rgb(170,112,90) |
hsl(17,32%,51%) |