HEX #5AAA9D color — Breaker Bay
The color #5AAA9D is a light shade and slightly desaturated.
Palette
5AAA9D color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f7 |
rgb(242,248,247) |
hsl(170,32%,96%) |
#e1efed |
rgb(225,239,237) |
hsl(170,32%,91%) |
#d0e7e3 |
rgb(208,231,227) |
hsl(170,32%,86%) |
#bfded9 |
rgb(191,222,217) |
hsl(170,32%,81%) |
#aed5cf |
rgb(174,213,207) |
hsl(170,32%,76%) |
#9dcdc5 |
rgb(157,205,197) |
hsl(170,32%,71%) |
#8dc4bb |
rgb(141,196,187) |
hsl(170,32%,66%) |
#7cbbb1 |
rgb(124,187,177) |
hsl(170,32%,61%) |
#6bb3a7 |
rgb(107,179,167) |
hsl(170,32%,56%) |
#5aaa9d |
rgb(90,170,157) |
hsl(170,32%,51%) |
#509b8e |
rgb(80,155,142) |
hsl(170,32%,46%) |
#478a7f |
rgb(71,138,127) |
hsl(170,32%,41%) |
#3e796f |
rgb(62,121,111) |
hsl(170,32%,36%) |
#366860 |
rgb(54,104,96) |
hsl(170,32%,31%) |
#2d5850 |
rgb(45,88,80) |
hsl(170,32%,26%) |
#244741 |
rgb(36,71,65) |
hsl(170,32%,21%) |
#1c3632 |
rgb(28,54,50) |
hsl(170,32%,16%) |
#132522 |
rgb(19,37,34) |
hsl(170,32%,11%) |
#0a1413 |
rgb(10,20,19) |
hsl(170,32%,6%) |
#020303 |
rgb(2,3,3) |
hsl(170,32%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AAB67 |
rgb(90,171,103) |
hsl(130,33%,51%) |
#5AAA9D |
rgb(90,170,157) |
hsl(170,32%,51%) |
#5A82AA |
rgb(90,130,170) |
hsl(210,32%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C7BD |
rgb(144,199,189) |
hsl(169,33%,67%) |
#75B8AD |
rgb(117,184,173) |
hsl(170,32%,59%) |
#5AAA9D |
rgb(90,170,157) |
hsl(170,32%,51%) |
#4A9184 |
rgb(74,145,132) |
hsl(169,32%,43%) |
#3C756B |
rgb(60,117,107) |
hsl(169,32%,35%) |
#2D5952 |
rgb(45,89,82) |
hsl(170,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AAA9D |
rgb(90,170,157) |
hsl(170,32%,51%) |
#AA598F |
rgb(170,89,143) |
hsl(320,32%,51%) |
#AA755A |
rgb(170,117,90) |
hsl(20,32%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AAA9D |
rgb(90,170,157) |
hsl(170,32%,51%) |
#AA5967 |
rgb(170,89,103) |
hsl(350,32%,51%) |
#5AAB75 |
rgb(90,171,117) |
hsl(140,33%,51%) |
#AA755A |
rgb(170,117,90) |
hsl(20,32%,51%) |