HEX #5AABB0 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AABB0 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
#5AB07B rgb(90,176,123) hsl(143,35%,52%)
#5AABB0 rgb(90,171,176) hsl(183,35%,52%)
#5A73B0 rgb(90,115,176) hsl(223,35%,52%)

Monochromatic colors

HEX RGB HSL
#93C9CB rgb(147,201,203) hsl(182,35%,69%)
#76BABD rgb(118,186,189) hsl(183,35%,60%)
#5AABB0 rgb(90,171,176) hsl(183,35%,52%)
#489197 rgb(72,145,151) hsl(185,35%,44%)
#3A787A rgb(58,120,122) hsl(182,36%,35%)
#2C5C5D rgb(44,92,93) hsl(181,36%,27%)

Triad color palettes

HEX RGB HSL
#5AABB0 rgb(90,171,176) hsl(183,35%,52%)
#B05980 rgb(176,89,128) hsl(333,36%,52%)
#B08A5A rgb(176,138,90) hsl(33,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AABB0 rgb(90,171,176) hsl(183,35%,52%)
#B05E5A rgb(176,94,90) hsl(3,35%,52%)
#5AB08A rgb(90,176,138) hsl(153,35%,52%)
#B08A5A rgb(176,138,90) hsl(33,35%,52%)