HEX #63ADB5 color — Tradewind
The color #63ADB5 is a light shade and slightly desaturated.
Palette
63ADB5 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f7 |
rgb(238,246,247) |
hsl(186,36%,95%) |
| #dcedef |
rgb(220,237,239) |
hsl(186,36%,90%) |
| #cbe4e7 |
rgb(203,228,231) |
hsl(186,36%,85%) |
| #badbde |
rgb(186,219,222) |
hsl(186,36%,80%) |
| #a8d2d6 |
rgb(168,210,214) |
hsl(186,36%,75%) |
| #97c9ce |
rgb(151,201,206) |
hsl(186,36%,70%) |
| #86bfc6 |
rgb(134,191,198) |
hsl(186,36%,65%) |
| #74b6be |
rgb(116,182,190) |
hsl(186,36%,60%) |
| #63adb6 |
rgb(99,173,182) |
hsl(186,36%,55%) |
| #52a4ad |
rgb(82,164,173) |
hsl(186,36%,50%) |
| #49949c |
rgb(73,148,156) |
hsl(186,36%,45%) |
| #41838b |
rgb(65,131,139) |
hsl(186,36%,40%) |
| #397379 |
rgb(57,115,121) |
hsl(186,36%,35%) |
| #316368 |
rgb(49,99,104) |
hsl(186,36%,30%) |
| #295257 |
rgb(41,82,87) |
hsl(186,36%,25%) |
| #214245 |
rgb(33,66,69) |
hsl(186,36%,20%) |
| #183134 |
rgb(24,49,52) |
hsl(186,36%,15%) |
| #102123 |
rgb(16,33,35) |
hsl(186,36%,10%) |
| #081011 |
rgb(8,16,17) |
hsl(186,36%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #63B586 |
rgb(99,181,134) |
hsl(146,36%,55%) |
| #63ADB5 |
rgb(99,173,181) |
hsl(186,36%,55%) |
| #6375B5 |
rgb(99,117,181) |
hsl(227,36%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #9FCCD1 |
rgb(159,204,209) |
hsl(186,35%,72%) |
| #81BDC3 |
rgb(129,189,195) |
hsl(185,35%,64%) |
| #63ADB5 |
rgb(99,173,181) |
hsl(186,36%,55%) |
| #4B969F |
rgb(75,150,159) |
hsl(186,36%,46%) |
| #3D7A81 |
rgb(61,122,129) |
hsl(186,36%,37%) |
| #2E5E62 |
rgb(46,94,98) |
hsl(185,36%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #63ADB5 |
rgb(99,173,181) |
hsl(186,36%,55%) |
| #B56384 |
rgb(181,99,132) |
hsl(336,36%,55%) |
| #B59463 |
rgb(181,148,99) |
hsl(36,36%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #63ADB5 |
rgb(99,173,181) |
hsl(186,36%,55%) |
| #B56B63 |
rgb(181,107,99) |
hsl(6,36%,55%) |
| #63B594 |
rgb(99,181,148) |
hsl(156,36%,55%) |
| #B59463 |
rgb(181,148,99) |
hsl(36,36%,55%) |
