HEX #5AAAA3 color — Tradewind
The color #5aaaa3 is a light shade and slightly desaturated.
Palette
5aaaa3 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f8 |
rgb(242,248,248) |
hsl(175,32%,96%) |
#e1efee |
rgb(225,239,238) |
hsl(175,32%,91%) |
#d0e7e5 |
rgb(208,231,229) |
hsl(175,32%,86%) |
#bfdedb |
rgb(191,222,219) |
hsl(175,32%,81%) |
#aed5d2 |
rgb(174,213,210) |
hsl(175,32%,76%) |
#9dcdc9 |
rgb(157,205,201) |
hsl(175,32%,71%) |
#8dc4bf |
rgb(141,196,191) |
hsl(175,32%,66%) |
#7cbbb6 |
rgb(124,187,182) |
hsl(175,32%,61%) |
#6bb3ad |
rgb(107,179,173) |
hsl(175,32%,56%) |
#5aaaa3 |
rgb(90,170,163) |
hsl(175,32%,51%) |
#509b95 |
rgb(80,155,149) |
hsl(175,32%,46%) |
#478a84 |
rgb(71,138,132) |
hsl(175,32%,41%) |
#3e7974 |
rgb(62,121,116) |
hsl(175,32%,36%) |
#366864 |
rgb(54,104,100) |
hsl(175,32%,31%) |
#2d5854 |
rgb(45,88,84) |
hsl(175,32%,26%) |
#244744 |
rgb(36,71,68) |
hsl(175,32%,21%) |
#1c3634 |
rgb(28,54,52) |
hsl(175,32%,16%) |
#132524 |
rgb(19,37,36) |
hsl(175,32%,11%) |
#0a1413 |
rgb(10,20,19) |
hsl(175,32%,6%) |
#020303 |
rgb(2,3,3) |
hsl(175,32%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AAB6D |
rgb(90,171,109) |
hsl(134,33%,51%) |
#5AAAA3 |
rgb(90,170,163) |
hsl(175,32%,51%) |
#5A7AAA |
rgb(90,122,170) |
hsl(216,32%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C7C1 |
rgb(144,199,193) |
hsl(173,33%,67%) |
#75B8B2 |
rgb(117,184,178) |
hsl(175,32%,59%) |
#5AAAA3 |
rgb(90,170,163) |
hsl(175,32%,51%) |
#4A918A |
rgb(74,145,138) |
hsl(174,32%,43%) |
#3C756F |
rgb(60,117,111) |
hsl(174,32%,35%) |
#2D5955 |
rgb(45,89,85) |
hsl(175,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AAAA3 |
rgb(90,170,163) |
hsl(175,32%,51%) |
#AA5989 |
rgb(170,89,137) |
hsl(324,32%,51%) |
#AA7A5A |
rgb(170,122,90) |
hsl(24,32%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AAAA3 |
rgb(90,170,163) |
hsl(175,32%,51%) |
#AA5961 |
rgb(170,89,97) |
hsl(354,32%,51%) |
#5AAB7B |
rgb(90,171,123) |
hsl(144,33%,51%) |
#AA7A5A |
rgb(170,122,90) |
hsl(24,32%,51%) |