HEX #60ABB0 color — Tradewind
The color #60ABB0 is a light shade and slightly desaturated.
Palette
60ABB0 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(184,34%,98%) |
#e7f2f3 |
rgb(231,242,243) |
hsl(184,34%,93%) |
#d6e9eb |
rgb(214,233,235) |
hsl(184,34%,88%) |
#c5e0e2 |
rgb(197,224,226) |
hsl(184,34%,83%) |
#b4d7da |
rgb(180,215,218) |
hsl(184,34%,78%) |
#a3ced2 |
rgb(163,206,210) |
hsl(184,34%,73%) |
#92c5c9 |
rgb(146,197,201) |
hsl(184,34%,68%) |
#81bcc1 |
rgb(129,188,193) |
hsl(184,34%,63%) |
#6fb3b8 |
rgb(111,179,184) |
hsl(184,34%,58%) |
#5eaab0 |
rgb(94,170,176) |
hsl(184,34%,53%) |
#519ea4 |
rgb(81,158,164) |
hsl(184,34%,48%) |
#488e93 |
rgb(72,142,147) |
hsl(184,34%,43%) |
#407d82 |
rgb(64,125,130) |
hsl(184,34%,38%) |
#386d71 |
rgb(56,109,113) |
hsl(184,34%,33%) |
#2f5c60 |
rgb(47,92,96) |
hsl(184,34%,28%) |
#274c4f |
rgb(39,76,79) |
hsl(184,34%,23%) |
#1e3b3e |
rgb(30,59,62) |
hsl(184,34%,18%) |
#162b2c |
rgb(22,43,44) |
hsl(184,34%,13%) |
#0d1a1b |
rgb(13,26,27) |
hsl(184,34%,8%) |
#050a0a |
rgb(5,10,10) |
hsl(184,34%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#60B07F |
rgb(96,176,127) |
hsl(143,34%,53%) |
#60ABB0 |
rgb(96,171,176) |
hsl(184,34%,53%) |
#6075B0 |
rgb(96,117,176) |
hsl(224,34%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AC9CC |
rgb(154,201,204) |
hsl(184,33%,70%) |
#7DBABE |
rgb(125,186,190) |
hsl(184,33%,62%) |
#60ABB0 |
rgb(96,171,176) |
hsl(184,34%,53%) |
#4B9498 |
rgb(75,148,152) |
hsl(183,34%,45%) |
#3D787B |
rgb(61,120,123) |
hsl(183,34%,36%) |
#2E5C5E |
rgb(46,92,94) |
hsl(183,34%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#60ABB0 |
rgb(96,171,176) |
hsl(184,34%,53%) |
#B06183 |
rgb(176,97,131) |
hsl(334,33%,54%) |
#B08C60 |
rgb(176,140,96) |
hsl(33,34%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#60ABB0 |
rgb(96,171,176) |
hsl(184,34%,53%) |
#B06660 |
rgb(176,102,96) |
hsl(5,34%,53%) |
#60B08D |
rgb(96,176,141) |
hsl(154,34%,53%) |
#B08C60 |
rgb(176,140,96) |
hsl(33,34%,53%) |