HEX #63ABB4 color — Tradewind
The color #63ABB4 is a light shade and slightly desaturated.
Palette
63ABB4 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f7 |
rgb(238,246,247) |
hsl(187,35%,95%) |
| #ddecee |
rgb(221,236,238) |
hsl(187,35%,90%) |
| #cbe3e6 |
rgb(203,227,230) |
hsl(187,35%,85%) |
| #badade |
rgb(186,218,222) |
hsl(187,35%,80%) |
| #a9d0d6 |
rgb(169,208,214) |
hsl(187,35%,75%) |
| #98c7cd |
rgb(152,199,205) |
hsl(187,35%,70%) |
| #87bec5 |
rgb(135,190,197) |
hsl(187,35%,65%) |
| #75b4bd |
rgb(117,180,189) |
hsl(187,35%,60%) |
| #64abb4 |
rgb(100,171,180) |
hsl(187,35%,55%) |
| #53a2ac |
rgb(83,162,172) |
hsl(187,35%,50%) |
| #4b929b |
rgb(75,146,155) |
hsl(187,35%,45%) |
| #42818a |
rgb(66,129,138) |
hsl(187,35%,40%) |
| #3a7178 |
rgb(58,113,120) |
hsl(187,35%,35%) |
| #326167 |
rgb(50,97,103) |
hsl(187,35%,30%) |
| #295156 |
rgb(41,81,86) |
hsl(187,35%,25%) |
| #214145 |
rgb(33,65,69) |
hsl(187,35%,20%) |
| #193134 |
rgb(25,49,52) |
hsl(187,35%,15%) |
| #112022 |
rgb(17,32,34) |
hsl(187,35%,10%) |
| #081011 |
rgb(8,16,17) |
hsl(187,35%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #63B587 |
rgb(99,181,135) |
hsl(146,36%,55%) |
| #63ABB4 |
rgb(99,171,180) |
hsl(187,35%,55%) |
| #6375B4 |
rgb(99,117,180) |
hsl(227,35%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #9FCCD0 |
rgb(159,204,208) |
hsl(185,34%,72%) |
| #81BAC2 |
rgb(129,186,194) |
hsl(187,35%,63%) |
| #63ABB4 |
rgb(99,171,180) |
hsl(187,35%,55%) |
| #4C949E |
rgb(76,148,158) |
hsl(187,35%,46%) |
| #3D7880 |
rgb(61,120,128) |
hsl(187,35%,37%) |
| #2F5C61 |
rgb(47,92,97) |
hsl(186,35%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #63ABB4 |
rgb(99,171,180) |
hsl(187,35%,55%) |
| #B46382 |
rgb(180,99,130) |
hsl(337,35%,55%) |
| #B49463 |
rgb(180,148,99) |
hsl(36,35%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #63ABB4 |
rgb(99,171,180) |
hsl(187,35%,55%) |
| #B46B63 |
rgb(180,107,99) |
hsl(6,35%,55%) |
| #63B594 |
rgb(99,181,148) |
hsl(156,36%,55%) |
| #B49463 |
rgb(180,148,99) |
hsl(36,35%,55%) |
