HEX #5AAAAF color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5aaaaf color palette from light to dark

HEX RGB HSL
#f5fafa rgb(245,250,250) hsl(184,35%,97%)
#e3f1f2 rgb(227,241,242) hsl(184,35%,92%)
#d2e8e9 rgb(210,232,233) hsl(184,35%,87%)
#c1dfe1 rgb(193,223,225) hsl(184,35%,82%)
#b0d6d9 rgb(176,214,217) hsl(184,35%,77%)
#9fcdd1 rgb(159,205,209) hsl(184,35%,72%)
#8dc4c8 rgb(141,196,200) hsl(184,35%,67%)
#7cbbc0 rgb(124,187,192) hsl(184,35%,62%)
#6bb3b8 rgb(107,179,184) hsl(184,35%,57%)
#5aaaaf rgb(90,170,175) hsl(184,35%,52%)
#4e9ca2 rgb(78,156,162) hsl(184,35%,47%)
#468c91 rgb(70,140,145) hsl(184,35%,42%)
#3d7b7f rgb(61,123,127) hsl(184,35%,37%)
#356a6e rgb(53,106,110) hsl(184,35%,32%)
#2d5a5d rgb(45,90,93) hsl(184,35%,27%)
#24494c rgb(36,73,76) hsl(184,35%,22%)
#1c383b rgb(28,56,59) hsl(184,35%,17%)
#142829 rgb(20,40,41) hsl(184,35%,12%)
#0c1718 rgb(12,23,24) hsl(184,35%,7%)
#030707 rgb(3,7,7) hsl(184,35%,2%)

Adjacent colors

HEX RGB HSL
#5AB07B rgb(90,176,123) hsl(143,35%,52%)
#5AAAAF rgb(90,170,175) hsl(184,35%,52%)
#5A70AF rgb(90,112,175) hsl(224,35%,52%)

Monochromatic colors

HEX RGB HSL
#93C7CA rgb(147,199,202) hsl(183,34%,68%)
#76B8BC rgb(118,184,188) hsl(183,34%,60%)
#5AAAAF rgb(90,170,175) hsl(184,35%,52%)
#489195 rgb(72,145,149) hsl(183,35%,43%)
#3A7579 rgb(58,117,121) hsl(184,35%,35%)
#2D595C rgb(45,89,92) hsl(184,34%,27%)

Triad color palettes

HEX RGB HSL
#5AAAAF rgb(90,170,175) hsl(184,35%,52%)
#AF597F rgb(175,89,127) hsl(333,35%,52%)
#AF8A5A rgb(175,138,90) hsl(34,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AAAAF rgb(90,170,175) hsl(184,35%,52%)
#AF5E5A rgb(175,94,90) hsl(3,35%,52%)
#5AB089 rgb(90,176,137) hsl(153,35%,52%)
#AF8A5A rgb(175,138,90) hsl(34,35%,52%)