HEX #63B5A1 color — Tradewind
The color #63B5A1 is a light shade and slightly desaturated.
Palette
63B5A1 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 |
| #63B56A |
rgb(99,181,106) |
hsl(125,36%,55%) |
| #63B5A1 |
rgb(99,181,161) |
hsl(165,36%,55%) |
| #6391B5 |
rgb(99,145,181) |
hsl(206,36%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #9FD1C5 |
rgb(159,209,197) |
hsl(166,35%,72%) |
| #81C4B3 |
rgb(129,196,179) |
hsl(165,36%,64%) |
| #63B5A1 |
rgb(99,181,161) |
hsl(165,36%,55%) |
| #4BA18B |
rgb(75,161,139) |
hsl(165,36%,46%) |
| #3D8270 |
rgb(61,130,112) |
hsl(164,36%,37%) |
| #2E6356 |
rgb(46,99,86) |
hsl(165,37%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #63B5A1 |
rgb(99,181,161) |
hsl(165,36%,55%) |
| #B563A0 |
rgb(181,99,160) |
hsl(315,36%,55%) |
| #B57863 |
rgb(181,120,99) |
hsl(15,36%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #63B5A1 |
rgb(99,181,161) |
hsl(165,36%,55%) |
| #B56377 |
rgb(181,99,119) |
hsl(345,36%,55%) |
| #63B578 |
rgb(99,181,120) |
hsl(135,36%,55%) |
| #B57863 |
rgb(181,120,99) |
hsl(15,36%,55%) |
