HEX #5AB0B0 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

5AB0B0 color palette from light to dark

HEX RGB HSL
#f5fafa rgb(245,250,250) hsl(180,35%,97%)
#e3f2f2 rgb(227,242,242) hsl(180,35%,92%)
#d2e9e9 rgb(210,233,233) hsl(180,35%,87%)
#c1e1e1 rgb(193,225,225) hsl(180,35%,82%)
#b0d9d9 rgb(176,217,217) hsl(180,35%,77%)
#9fd1d1 rgb(159,209,209) hsl(180,35%,72%)
#8dc8c8 rgb(141,200,200) hsl(180,35%,67%)
#7cc0c0 rgb(124,192,192) hsl(180,35%,62%)
#6bb8b8 rgb(107,184,184) hsl(180,35%,57%)
#5aafaf rgb(90,175,175) hsl(180,35%,52%)
#4ea2a2 rgb(78,162,162) hsl(180,35%,47%)
#469191 rgb(70,145,145) hsl(180,35%,42%)
#3d7f7f rgb(61,127,127) hsl(180,35%,37%)
#356e6e rgb(53,110,110) hsl(180,35%,32%)
#2d5d5d rgb(45,93,93) hsl(180,35%,27%)
#244c4c rgb(36,76,76) hsl(180,35%,22%)
#1c3b3b rgb(28,59,59) hsl(180,35%,17%)
#142929 rgb(20,41,41) hsl(180,35%,12%)
#0c1818 rgb(12,24,24) hsl(180,35%,7%)
#030707 rgb(3,7,7) hsl(180,35%,2%)

Adjacent colors

HEX RGB HSL
#5AB076 rgb(90,176,118) hsl(140,35%,52%)
#5AB0B0 rgb(90,176,176) hsl(180,35%,52%)
#5A78B0 rgb(90,120,176) hsl(219,35%,52%)

Monochromatic colors

HEX RGB HSL
#93CCCB rgb(147,204,203) hsl(179,36%,69%)
#76BDBD rgb(118,189,189) hsl(180,35%,60%)
#5AB0B0 rgb(90,176,176) hsl(180,35%,52%)
#489697 rgb(72,150,151) hsl(181,35%,44%)
#3A7A7A rgb(58,122,122) hsl(180,36%,35%)
#2C5E5D rgb(44,94,93) hsl(179,36%,27%)

Triad color palettes

HEX RGB HSL
#5AB0B0 rgb(90,176,176) hsl(180,35%,52%)
#B05985 rgb(176,89,133) hsl(330,36%,52%)
#B0855A rgb(176,133,90) hsl(30,35%,52%)

Tetrad color palettes

HEX RGB HSL
#5AB0B0 rgb(90,176,176) hsl(180,35%,52%)
#B0595A rgb(176,89,90) hsl(359,36%,52%)
#5AB085 rgb(90,176,133) hsl(150,35%,52%)
#B0855A rgb(176,133,90) hsl(30,35%,52%)