HEX #5AB0B0 color — Tradewind
The color #5AB0B0 is a light shade and slightly desaturated.
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%) |