HEX #5AB0A0 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AB0A0 color palette from light to dark

HEX RGB HSL
#f5faf9 rgb(245,250,249) hsl(169,35%,97%)
#e3f2ef rgb(227,242,239) hsl(169,35%,92%)
#d2e9e5 rgb(210,233,229) hsl(169,35%,87%)
#c1e1db rgb(193,225,219) hsl(169,35%,82%)
#b0d9d1 rgb(176,217,209) hsl(169,35%,77%)
#9fd1c7 rgb(159,209,199) hsl(169,35%,72%)
#8dc8be rgb(141,200,190) hsl(169,35%,67%)
#7cc0b4 rgb(124,192,180) hsl(169,35%,62%)
#6bb8aa rgb(107,184,170) hsl(169,35%,57%)
#5aafa0 rgb(90,175,160) hsl(169,35%,52%)
#4ea292 rgb(78,162,146) hsl(169,35%,47%)
#469183 rgb(70,145,131) hsl(169,35%,42%)
#3d7f73 rgb(61,127,115) hsl(169,35%,37%)
#356e64 rgb(53,110,100) hsl(169,35%,32%)
#2d5d54 rgb(45,93,84) hsl(169,35%,27%)
#244c45 rgb(36,76,69) hsl(169,35%,22%)
#1c3b35 rgb(28,59,53) hsl(169,35%,17%)
#142925 rgb(20,41,37) hsl(169,35%,12%)
#0c1816 rgb(12,24,22) hsl(169,35%,7%)
#030706 rgb(3,7,6) hsl(169,35%,2%)

Adjacent colors

HEX RGB HSL
#5AB066 rgb(90,176,102) hsl(128,35%,52%)
#5AB0A0 rgb(90,176,160) hsl(169,35%,52%)
#5A87B0 rgb(90,135,176) hsl(209,35%,52%)

Monochromatic colors

HEX RGB HSL
#93CCC1 rgb(147,204,193) hsl(168,36%,69%)
#76BDB0 rgb(118,189,176) hsl(169,35%,60%)
#5AB0A0 rgb(90,176,160) hsl(169,35%,52%)
#489688 rgb(72,150,136) hsl(169,35%,44%)
#3A7A6E rgb(58,122,110) hsl(169,36%,35%)
#2C5E54 rgb(44,94,84) hsl(168,36%,27%)

Triad color palettes

HEX RGB HSL
#5AB0A0 rgb(90,176,160) hsl(169,35%,52%)
#B05995 rgb(176,89,149) hsl(319,36%,52%)
#B0755A rgb(176,117,90) hsl(19,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AB0A0 rgb(90,176,160) hsl(169,35%,52%)
#B0596A rgb(176,89,106) hsl(348,36%,52%)
#5AB075 rgb(90,176,117) hsl(139,35%,52%)
#B0755A rgb(176,117,90) hsl(19,35%,52%)