HEX #5AABAC color — Tradewind

The color #5AABAC is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5AABAC color palette from light to dark

HEX RGB HSL
#f1f8f8 rgb(241,248,248) hsl(181,33%,96%)
#e0eff0 rgb(224,239,240) hsl(181,33%,91%)
#d0e7e7 rgb(208,231,231) hsl(181,33%,86%)
#bfdedf rgb(191,222,223) hsl(181,33%,81%)
#aed5d6 rgb(174,213,214) hsl(181,33%,76%)
#9dcdcd rgb(157,205,205) hsl(181,33%,71%)
#8cc4c5 rgb(140,196,197) hsl(181,33%,66%)
#7bbbbc rgb(123,187,188) hsl(181,33%,61%)
#6ab3b4 rgb(106,179,180) hsl(181,33%,56%)
#59aaab rgb(89,170,171) hsl(181,33%,51%)
#4f9b9c rgb(79,155,156) hsl(181,33%,46%)
#468a8b rgb(70,138,139) hsl(181,33%,41%)
#3e797a rgb(62,121,122) hsl(181,33%,36%)
#356869 rgb(53,104,105) hsl(181,33%,31%)
#2c5758 rgb(44,87,88) hsl(181,33%,26%)
#244747 rgb(36,71,71) hsl(181,33%,21%)
#1b3636 rgb(27,54,54) hsl(181,33%,16%)
#132525 rgb(19,37,37) hsl(181,33%,11%)
#0a1414 rgb(10,20,20) hsl(181,33%,6%)
#020303 rgb(2,3,3) hsl(181,33%,1%)

Adjacent colors

HEX RGB HSL
#5AAB76 rgb(90,171,118) hsl(141,33%,51%)
#5AABAC rgb(90,171,172) hsl(181,33%,51%)
#5A75AC rgb(90,117,172) hsl(220,33%,51%)

Monochromatic colors

HEX RGB HSL
#91C7C8 rgb(145,199,200) hsl(181,33%,68%)
#75BABA rgb(117,186,186) hsl(180,33%,59%)
#5AABAC rgb(90,171,172) hsl(181,33%,51%)
#499192 rgb(73,145,146) hsl(181,33%,43%)
#3B7576 rgb(59,117,118) hsl(181,33%,35%)
#2D595A rgb(45,89,90) hsl(181,33%,26%)

Triad color palettes

HEX RGB HSL
#5AABAC rgb(90,171,172) hsl(181,33%,51%)
#AC5982 rgb(172,89,130) hsl(330,33%,51%)
#AC855A rgb(172,133,90) hsl(31,33%,51%)

Tetrad color palettes

HEX RGB HSL
#5AABAC rgb(90,171,172) hsl(181,33%,51%)
#AC5C5A rgb(172,92,90) hsl(1,33%,51%)
#5AAB84 rgb(90,171,132) hsl(151,33%,51%)
#AC855A rgb(172,133,90) hsl(31,33%,51%)