HEX #63B5A0 color — Tradewind
The color #63B5A0 is a light shade and slightly desaturated.
Palette
63B5A0 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef7f5 |
rgb(238,247,245) |
hsl(165,36%,95%) |
| #dcefea |
rgb(220,239,234) |
hsl(165,36%,90%) |
| #cbe7e0 |
rgb(203,231,224) |
hsl(165,36%,85%) |
| #baded5 |
rgb(186,222,213) |
hsl(165,36%,80%) |
| #a8d6cb |
rgb(168,214,203) |
hsl(165,36%,75%) |
| #97cec0 |
rgb(151,206,192) |
hsl(165,36%,70%) |
| #86c6b6 |
rgb(134,198,182) |
hsl(165,36%,65%) |
| #74beab |
rgb(116,190,171) |
hsl(165,36%,60%) |
| #63b6a1 |
rgb(99,182,161) |
hsl(165,36%,55%) |
| #52ad96 |
rgb(82,173,150) |
hsl(165,36%,50%) |
| #499c87 |
rgb(73,156,135) |
hsl(165,36%,45%) |
| #418b78 |
rgb(65,139,120) |
hsl(165,36%,40%) |
| #397969 |
rgb(57,121,105) |
hsl(165,36%,35%) |
| #31685a |
rgb(49,104,90) |
hsl(165,36%,30%) |
| #29574b |
rgb(41,87,75) |
hsl(165,36%,25%) |
| #21453c |
rgb(33,69,60) |
hsl(165,36%,20%) |
| #18342d |
rgb(24,52,45) |
hsl(165,36%,15%) |
| #10231e |
rgb(16,35,30) |
hsl(165,36%,10%) |
| #08110f |
rgb(8,17,15) |
hsl(165,36%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #63B569 |
rgb(99,181,105) |
hsl(124,36%,55%) |
| #63B5A0 |
rgb(99,181,160) |
hsl(165,36%,55%) |
| #6394B5 |
rgb(99,148,181) |
hsl(204,36%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #9FD1C5 |
rgb(159,209,197) |
hsl(166,35%,72%) |
| #81C4B2 |
rgb(129,196,178) |
hsl(164,36%,64%) |
| #63B5A0 |
rgb(99,181,160) |
hsl(165,36%,55%) |
| #4BA18A |
rgb(75,161,138) |
hsl(164,36%,46%) |
| #3D826F |
rgb(61,130,111) |
hsl(163,36%,37%) |
| #2E6355 |
rgb(46,99,85) |
hsl(164,37%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #63B5A0 |
rgb(99,181,160) |
hsl(165,36%,55%) |
| #B563A1 |
rgb(181,99,161) |
hsl(315,36%,55%) |
| #B57863 |
rgb(181,120,99) |
hsl(15,36%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #63B5A0 |
rgb(99,181,160) |
hsl(165,36%,55%) |
| #B56378 |
rgb(181,99,120) |
hsl(345,36%,55%) |
| #63B577 |
rgb(99,181,119) |
hsl(135,36%,55%) |
| #B57863 |
rgb(181,120,99) |
hsl(15,36%,55%) |
