HEX #5AAAA2 color — Tradewind
The color #5AAAA2 is a light shade and slightly desaturated.
Palette
5AAAA2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8f7 |
rgb(242,248,247) |
hsl(174,32%,96%) |
#e1efee |
rgb(225,239,238) |
hsl(174,32%,91%) |
#d0e7e4 |
rgb(208,231,228) |
hsl(174,32%,86%) |
#bfdedb |
rgb(191,222,219) |
hsl(174,32%,81%) |
#aed5d1 |
rgb(174,213,209) |
hsl(174,32%,76%) |
#9dcdc8 |
rgb(157,205,200) |
hsl(174,32%,71%) |
#8dc4be |
rgb(141,196,190) |
hsl(174,32%,66%) |
#7cbbb5 |
rgb(124,187,181) |
hsl(174,32%,61%) |
#6bb3ac |
rgb(107,179,172) |
hsl(174,32%,56%) |
#5aaaa2 |
rgb(90,170,162) |
hsl(174,32%,51%) |
#509b93 |
rgb(80,155,147) |
hsl(174,32%,46%) |
#478a83 |
rgb(71,138,131) |
hsl(174,32%,41%) |
#3e7973 |
rgb(62,121,115) |
hsl(174,32%,36%) |
#366863 |
rgb(54,104,99) |
hsl(174,32%,31%) |
#2d5853 |
rgb(45,88,83) |
hsl(174,32%,26%) |
#244743 |
rgb(36,71,67) |
hsl(174,32%,21%) |
#1c3633 |
rgb(28,54,51) |
hsl(174,32%,16%) |
#132523 |
rgb(19,37,35) |
hsl(174,32%,11%) |
#0a1413 |
rgb(10,20,19) |
hsl(174,32%,6%) |
#020303 |
rgb(2,3,3) |
hsl(174,32%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AAB6C |
rgb(90,171,108) |
hsl(133,33%,51%) |
#5AAAA2 |
rgb(90,170,162) |
hsl(174,32%,51%) |
#5A7DAA |
rgb(90,125,170) |
hsl(214,32%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90C7C0 |
rgb(144,199,192) |
hsl(172,33%,67%) |
#75B8B1 |
rgb(117,184,177) |
hsl(174,32%,59%) |
#5AAAA2 |
rgb(90,170,162) |
hsl(174,32%,51%) |
#4A9189 |
rgb(74,145,137) |
hsl(173,32%,43%) |
#3C756F |
rgb(60,117,111) |
hsl(174,32%,35%) |
#2D5954 |
rgb(45,89,84) |
hsl(173,33%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AAAA2 |
rgb(90,170,162) |
hsl(174,32%,51%) |
#AA598A |
rgb(170,89,138) |
hsl(324,32%,51%) |
#AA7A5A |
rgb(170,122,90) |
hsl(24,32%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AAAA2 |
rgb(90,170,162) |
hsl(174,32%,51%) |
#AA5962 |
rgb(170,89,98) |
hsl(353,32%,51%) |
#5AAB7A |
rgb(90,171,122) |
hsl(144,33%,51%) |
#AA7A5A |
rgb(170,122,90) |
hsl(24,32%,51%) |