HEX #5AABAF color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AABAF color palette from light to dark

HEX RGB HSL
#f5fafa rgb(245,250,250) hsl(183,35%,97%)
#e3f1f2 rgb(227,241,242) hsl(183,35%,92%)
#d2e8e9 rgb(210,232,233) hsl(183,35%,87%)
#c1e0e1 rgb(193,224,225) hsl(183,35%,82%)
#b0d7d9 rgb(176,215,217) hsl(183,35%,77%)
#9fced1 rgb(159,206,209) hsl(183,35%,72%)
#8dc5c8 rgb(141,197,200) hsl(183,35%,67%)
#7cbdc0 rgb(124,189,192) hsl(183,35%,62%)
#6bb4b8 rgb(107,180,184) hsl(183,35%,57%)
#5aabaf rgb(90,171,175) hsl(183,35%,52%)
#4e9ea2 rgb(78,158,162) hsl(183,35%,47%)
#468d91 rgb(70,141,145) hsl(183,35%,42%)
#3d7c7f rgb(61,124,127) hsl(183,35%,37%)
#356b6e rgb(53,107,110) hsl(183,35%,32%)
#2d5b5d rgb(45,91,93) hsl(183,35%,27%)
#244a4c rgb(36,74,76) hsl(183,35%,22%)
#1c393b rgb(28,57,59) hsl(183,35%,17%)
#142829 rgb(20,40,41) hsl(183,35%,12%)
#0c1718 rgb(12,23,24) hsl(183,35%,7%)
#030707 rgb(3,7,7) hsl(183,35%,2%)

Adjacent colors

HEX RGB HSL
#5AB07A rgb(90,176,122) hsl(142,35%,52%)
#5AABAF rgb(90,171,175) hsl(183,35%,52%)
#5A73AF rgb(90,115,175) hsl(222,35%,52%)

Monochromatic colors

HEX RGB HSL
#93C7CA rgb(147,199,202) hsl(183,34%,68%)
#76BABC rgb(118,186,188) hsl(182,34%,60%)
#5AABAF rgb(90,171,175) hsl(183,35%,52%)
#489195 rgb(72,145,149) hsl(183,35%,43%)
#3A7579 rgb(58,117,121) hsl(184,35%,35%)
#2D5C5C rgb(45,92,92) hsl(180,34%,27%)

Triad color palettes

HEX RGB HSL
#5AABAF rgb(90,171,175) hsl(183,35%,52%)
#AF5980 rgb(175,89,128) hsl(333,35%,52%)
#AF8A5A rgb(175,138,90) hsl(34,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AABAF rgb(90,171,175) hsl(183,35%,52%)
#AF5E5A rgb(175,94,90) hsl(3,35%,52%)
#5AB088 rgb(90,176,136) hsl(152,35%,52%)
#AF8A5A rgb(175,138,90) hsl(34,35%,52%)