HEX #5AABAB color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AABAB color palette from light to dark

HEX RGB HSL
#f1f8f8 rgb(241,248,248) hsl(180,33%,96%)
#e0f0f0 rgb(224,240,240) hsl(180,33%,91%)
#d0e7e7 rgb(208,231,231) hsl(180,33%,86%)
#bfdfdf rgb(191,223,223) hsl(180,33%,81%)
#aed6d6 rgb(174,214,214) hsl(180,33%,76%)
#9dcdcd rgb(157,205,205) hsl(180,33%,71%)
#8cc5c5 rgb(140,197,197) hsl(180,33%,66%)
#7bbcbc rgb(123,188,188) hsl(180,33%,61%)
#6ab4b4 rgb(106,180,180) hsl(180,33%,56%)
#59abab rgb(89,171,171) hsl(180,33%,51%)
#4f9c9c rgb(79,156,156) hsl(180,33%,46%)
#468b8b rgb(70,139,139) hsl(180,33%,41%)
#3e7a7a rgb(62,122,122) hsl(180,33%,36%)
#356969 rgb(53,105,105) hsl(180,33%,31%)
#2c5858 rgb(44,88,88) hsl(180,33%,26%)
#244747 rgb(36,71,71) hsl(180,33%,21%)
#1b3636 rgb(27,54,54) hsl(180,33%,16%)
#132525 rgb(19,37,37) hsl(180,33%,11%)
#0a1414 rgb(10,20,20) hsl(180,33%,6%)
#020303 rgb(2,3,3) hsl(180,33%,1%)

Adjacent colors

HEX RGB HSL
#5AAB75 rgb(90,171,117) hsl(140,33%,51%)
#5AABAB rgb(90,171,171) hsl(180,33%,51%)
#5A75AB rgb(90,117,171) hsl(220,33%,51%)

Monochromatic colors

HEX RGB HSL
#91C7C7 rgb(145,199,199) hsl(180,33%,67%)
#75BAB9 rgb(117,186,185) hsl(179,33%,59%)
#5AABAB rgb(90,171,171) hsl(180,33%,51%)
#499191 rgb(73,145,145) hsl(180,33%,43%)
#3B7575 rgb(59,117,117) hsl(180,33%,35%)
#2D5959 rgb(45,89,89) hsl(180,33%,26%)

Triad color palettes

HEX RGB HSL
#5AABAB rgb(90,171,171) hsl(180,33%,51%)
#AB5982 rgb(171,89,130) hsl(330,33%,51%)
#AB825A rgb(171,130,90) hsl(30,33%,51%)

Tetrad color palettes

HEX RGB HSL
#5AABAB rgb(90,171,171) hsl(180,33%,51%)
#AB595A rgb(171,89,90) hsl(359,33%,51%)
#5AAB82 rgb(90,171,130) hsl(150,33%,51%)
#AB825A rgb(171,130,90) hsl(30,33%,51%)