HEX #5BB0A2 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5BB0A2 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
#5BB069 rgb(91,176,105) hsl(130,35%,52%)
#5BB0A2 rgb(91,176,162) hsl(170,35%,52%)
#5B85B0 rgb(91,133,176) hsl(210,35%,52%)

Monochromatic colors

HEX RGB HSL
#94CCC2 rgb(148,204,194) hsl(169,35%,69%)
#77BDB2 rgb(119,189,178) hsl(171,35%,60%)
#5BB0A2 rgb(91,176,162) hsl(170,35%,52%)
#48968A rgb(72,150,138) hsl(171,35%,44%)
#3B7A70 rgb(59,122,112) hsl(170,35%,35%)
#2D5E55 rgb(45,94,85) hsl(169,35%,27%)

Triad color palettes

HEX RGB HSL
#5BB0A2 rgb(91,176,162) hsl(170,35%,52%)
#B05C93 rgb(176,92,147) hsl(321,35%,53%)
#B0785B rgb(176,120,91) hsl(20,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5BB0A2 rgb(91,176,162) hsl(170,35%,52%)
#B05C69 rgb(176,92,105) hsl(351,35%,53%)
#5BB077 rgb(91,176,119) hsl(140,35%,52%)
#B0785B rgb(176,120,91) hsl(20,35%,52%)