HEX #60ABB5 color — Tradewind
The color #60ABB5 is a light shade and slightly desaturated.
Palette
60ABB5 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(187,36%,99%) |
#eaf4f5 |
rgb(234,244,245) |
hsl(187,36%,94%) |
#d9ebed |
rgb(217,235,237) |
hsl(187,36%,89%) |
#c8e1e5 |
rgb(200,225,229) |
hsl(187,36%,84%) |
#b6d8dd |
rgb(182,216,221) |
hsl(187,36%,79%) |
#a5cfd5 |
rgb(165,207,213) |
hsl(187,36%,74%) |
#93c6cc |
rgb(147,198,204) |
hsl(187,36%,69%) |
#82bdc4 |
rgb(130,189,196) |
hsl(187,36%,64%) |
#71b3bc |
rgb(113,179,188) |
hsl(187,36%,59%) |
#5faab4 |
rgb(95,170,180) |
hsl(187,36%,54%) |
#509faa |
rgb(80,159,170) |
hsl(187,36%,49%) |
#488f99 |
rgb(72,143,153) |
hsl(187,36%,44%) |
#407f87 |
rgb(64,127,135) |
hsl(187,36%,39%) |
#376f76 |
rgb(55,111,118) |
hsl(187,36%,34%) |
#2f5e65 |
rgb(47,94,101) |
hsl(187,36%,29%) |
#274e53 |
rgb(39,78,83) |
hsl(187,36%,24%) |
#1f3e42 |
rgb(31,62,66) |
hsl(187,36%,19%) |
#172e31 |
rgb(23,46,49) |
hsl(187,36%,14%) |
#0f1d1f |
rgb(15,29,31) |
hsl(187,36%,9%) |
#070d0e |
rgb(7,13,14) |
hsl(187,36%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#60B586 |
rgb(96,181,134) |
hsl(147,36%,54%) |
#60ABB5 |
rgb(96,171,181) |
hsl(187,36%,54%) |
#6073B5 |
rgb(96,115,181) |
hsl(227,36%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CCCD1 |
rgb(156,204,209) |
hsl(186,37%,72%) |
#7EBAC3 |
rgb(126,186,195) |
hsl(188,37%,63%) |
#60ABB5 |
rgb(96,171,181) |
hsl(187,36%,54%) |
#49949E |
rgb(73,148,158) |
hsl(187,37%,45%) |
#3B7880 |
rgb(59,120,128) |
hsl(187,37%,37%) |
#2D5C62 |
rgb(45,92,98) |
hsl(187,37%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#60ABB5 |
rgb(96,171,181) |
hsl(187,36%,54%) |
#B56180 |
rgb(181,97,128) |
hsl(338,36%,55%) |
#B59460 |
rgb(181,148,96) |
hsl(37,36%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#60ABB5 |
rgb(96,171,181) |
hsl(187,36%,54%) |
#B56B60 |
rgb(181,107,96) |
hsl(8,36%,54%) |
#60B594 |
rgb(96,181,148) |
hsl(157,36%,54%) |
#B59460 |
rgb(181,148,96) |
hsl(37,36%,54%) |