HEX #5AADB0 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AADB0 color palette from light to dark

HEX RGB HSL
#f5fafa rgb(245,250,250) hsl(182,35%,97%)
#e3f1f2 rgb(227,241,242) hsl(182,35%,92%)
#d2e9e9 rgb(210,233,233) hsl(182,35%,87%)
#c1e0e1 rgb(193,224,225) hsl(182,35%,82%)
#b0d8d9 rgb(176,216,217) hsl(182,35%,77%)
#9fcfd1 rgb(159,207,209) hsl(182,35%,72%)
#8dc6c8 rgb(141,198,200) hsl(182,35%,67%)
#7cbec0 rgb(124,190,192) hsl(182,35%,62%)
#6bb5b8 rgb(107,181,184) hsl(182,35%,57%)
#5aadaf rgb(90,173,175) hsl(182,35%,52%)
#4e9fa2 rgb(78,159,162) hsl(182,35%,47%)
#468e91 rgb(70,142,145) hsl(182,35%,42%)
#3d7d7f rgb(61,125,127) hsl(182,35%,37%)
#356c6e rgb(53,108,110) hsl(182,35%,32%)
#2d5b5d rgb(45,91,93) hsl(182,35%,27%)
#244a4c rgb(36,74,76) hsl(182,35%,22%)
#1c3a3b rgb(28,58,59) hsl(182,35%,17%)
#142929 rgb(20,41,41) hsl(182,35%,12%)
#0c1818 rgb(12,24,24) hsl(182,35%,7%)
#030707 rgb(3,7,7) hsl(182,35%,2%)

Adjacent colors

HEX RGB HSL
#5AB079 rgb(90,176,121) hsl(142,35%,52%)
#5AADB0 rgb(90,173,176) hsl(182,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%)
#5AADB0 rgb(90,173,176) hsl(182,35%,52%)
#489497 rgb(72,148,151) hsl(182,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
#5AADB0 rgb(90,173,176) hsl(182,35%,52%)
#B05982 rgb(176,89,130) hsl(332,36%,52%)
#B0875A rgb(176,135,90) hsl(31,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AADB0 rgb(90,173,176) hsl(182,35%,52%)
#B05C5A rgb(176,92,90) hsl(1,35%,52%)
#5AB088 rgb(90,176,136) hsl(152,35%,52%)
#B0875A rgb(176,135,90) hsl(31,35%,52%)