HEX #5AAA9E color — Breaker Bay
The color #5AAA9E is a light shade and slightly desaturated.
Palette
5AAA9E color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f7 |
rgb(242,248,247) |
hsl(171,32%,96%) |
#e1efed |
rgb(225,239,237) |
hsl(171,32%,91%) |
#d0e7e3 |
rgb(208,231,227) |
hsl(171,32%,86%) |
#bfded9 |
rgb(191,222,217) |
hsl(171,32%,81%) |
#aed5d0 |
rgb(174,213,208) |
hsl(171,32%,76%) |
#9dcdc6 |
rgb(157,205,198) |
hsl(171,32%,71%) |
#8dc4bc |
rgb(141,196,188) |
hsl(171,32%,66%) |
#7cbbb2 |
rgb(124,187,178) |
hsl(171,32%,61%) |
#6bb3a8 |
rgb(107,179,168) |
hsl(171,32%,56%) |
#5aaa9e |
rgb(90,170,158) |
hsl(171,32%,51%) |
#509b90 |
rgb(80,155,144) |
hsl(171,32%,46%) |
#478a80 |
rgb(71,138,128) |
hsl(171,32%,41%) |
#3e7970 |
rgb(62,121,112) |
hsl(171,32%,36%) |
#366861 |
rgb(54,104,97) |
hsl(171,32%,31%) |
#2d5851 |
rgb(45,88,81) |
hsl(171,32%,26%) |
#244742 |
rgb(36,71,66) |
hsl(171,32%,21%) |
#1c3632 |
rgb(28,54,50) |
hsl(171,32%,16%) |
#132522 |
rgb(19,37,34) |
hsl(171,32%,11%) |
#0a1413 |
rgb(10,20,19) |
hsl(171,32%,6%) |
#020303 |
rgb(2,3,3) |
hsl(171,32%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AAB68 |
rgb(90,171,104) |
hsl(130,33%,51%) |
#5AAA9E |
rgb(90,170,158) |
hsl(171,32%,51%) |
#5A80AA |
rgb(90,128,170) |
hsl(212,32%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C7BE |
rgb(144,199,190) |
hsl(170,33%,67%) |
#75B8AE |
rgb(117,184,174) |
hsl(171,32%,59%) |
#5AAA9E |
rgb(90,170,158) |
hsl(171,32%,51%) |
#4A9185 |
rgb(74,145,133) |
hsl(170,32%,43%) |
#3C756C |
rgb(60,117,108) |
hsl(171,32%,35%) |
#2D5952 |
rgb(45,89,82) |
hsl(170,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AAA9E |
rgb(90,170,158) |
hsl(171,32%,51%) |
#AA598E |
rgb(170,89,142) |
hsl(321,32%,51%) |
#AA755A |
rgb(170,117,90) |
hsl(20,32%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AAA9E |
rgb(90,170,158) |
hsl(171,32%,51%) |
#AA5966 |
rgb(170,89,102) |
hsl(350,32%,51%) |
#5AAB76 |
rgb(90,171,118) |
hsl(141,33%,51%) |
#AA755A |
rgb(170,117,90) |
hsl(20,32%,51%) |