HEX #5AB0A2 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AB0A2 color palette from light to dark

HEX RGB HSL
#f5faf9 rgb(245,250,249) hsl(170,35%,97%)
#e3f2ef rgb(227,242,239) hsl(170,35%,92%)
#d2e9e6 rgb(210,233,230) hsl(170,35%,87%)
#c1e1dc rgb(193,225,220) hsl(170,35%,82%)
#b0d9d2 rgb(176,217,210) hsl(170,35%,77%)
#9fd1c8 rgb(159,209,200) hsl(170,35%,72%)
#8dc8be rgb(141,200,190) hsl(170,35%,67%)
#7cc0b5 rgb(124,192,181) hsl(170,35%,62%)
#6bb8ab rgb(107,184,171) hsl(170,35%,57%)
#5aafa1 rgb(90,175,161) hsl(170,35%,52%)
#4ea294 rgb(78,162,148) hsl(170,35%,47%)
#469184 rgb(70,145,132) hsl(170,35%,42%)
#3d7f74 rgb(61,127,116) hsl(170,35%,37%)
#356e65 rgb(53,110,101) hsl(170,35%,32%)
#2d5d55 rgb(45,93,85) hsl(170,35%,27%)
#244c45 rgb(36,76,69) hsl(170,35%,22%)
#1c3b35 rgb(28,59,53) hsl(170,35%,17%)
#142926 rgb(20,41,38) hsl(170,35%,12%)
#0c1816 rgb(12,24,22) hsl(170,35%,7%)
#030706 rgb(3,7,6) hsl(170,35%,2%)

Adjacent colors

HEX RGB HSL
#5AB068 rgb(90,176,104) hsl(130,35%,52%)
#5AB0A2 rgb(90,176,162) hsl(170,35%,52%)
#5A85B0 rgb(90,133,176) hsl(210,35%,52%)

Monochromatic colors

HEX RGB HSL
#93CCC2 rgb(147,204,194) hsl(169,36%,69%)
#76BDB2 rgb(118,189,178) hsl(171,35%,60%)
#5AB0A2 rgb(90,176,162) hsl(170,35%,52%)
#48968A rgb(72,150,138) hsl(171,35%,44%)
#3A7A6F rgb(58,122,111) hsl(170,36%,35%)
#2C5E55 rgb(44,94,85) hsl(169,36%,27%)

Triad color palettes

HEX RGB HSL
#5AB0A2 rgb(90,176,162) hsl(170,35%,52%)
#B05993 rgb(176,89,147) hsl(320,36%,52%)
#B0785A rgb(176,120,90) hsl(21,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AB0A2 rgb(90,176,162) hsl(170,35%,52%)
#B05968 rgb(176,89,104) hsl(350,36%,52%)
#5AB077 rgb(90,176,119) hsl(140,35%,52%)
#B0785A rgb(176,120,90) hsl(21,35%,52%)