HEX #63B5A5 color — Tradewind
The color #63B5A5 is a light shade and slightly desaturated.
Palette
63B5A5 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef7f5 |
rgb(238,247,245) |
hsl(168,36%,95%) |
| #dcefeb |
rgb(220,239,235) |
hsl(168,36%,90%) |
| #cbe7e1 |
rgb(203,231,225) |
hsl(168,36%,85%) |
| #baded7 |
rgb(186,222,215) |
hsl(168,36%,80%) |
| #a8d6cd |
rgb(168,214,205) |
hsl(168,36%,75%) |
| #97cec3 |
rgb(151,206,195) |
hsl(168,36%,70%) |
| #86c6b9 |
rgb(134,198,185) |
hsl(168,36%,65%) |
| #74beaf |
rgb(116,190,175) |
hsl(168,36%,60%) |
| #63b6a5 |
rgb(99,182,165) |
hsl(168,36%,55%) |
| #52ad9b |
rgb(82,173,155) |
hsl(168,36%,50%) |
| #499c8c |
rgb(73,156,140) |
hsl(168,36%,45%) |
| #418b7c |
rgb(65,139,124) |
hsl(168,36%,40%) |
| #39796d |
rgb(57,121,109) |
hsl(168,36%,35%) |
| #31685d |
rgb(49,104,93) |
hsl(168,36%,30%) |
| #29574e |
rgb(41,87,78) |
hsl(168,36%,25%) |
| #21453e |
rgb(33,69,62) |
hsl(168,36%,20%) |
| #18342f |
rgb(24,52,47) |
hsl(168,36%,15%) |
| #10231f |
rgb(16,35,31) |
hsl(168,36%,10%) |
| #081110 |
rgb(8,17,16) |
hsl(168,36%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #63B56E |
rgb(99,181,110) |
hsl(128,36%,55%) |
| #63B5A5 |
rgb(99,181,165) |
hsl(168,36%,55%) |
| #638FB5 |
rgb(99,143,181) |
hsl(208,36%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #9FD1C8 |
rgb(159,209,200) |
hsl(169,35%,72%) |
| #81C4B6 |
rgb(129,196,182) |
hsl(167,36%,64%) |
| #63B5A5 |
rgb(99,181,165) |
hsl(168,36%,55%) |
| #4BA18F |
rgb(75,161,143) |
hsl(167,36%,46%) |
| #3D8273 |
rgb(61,130,115) |
hsl(167,36%,37%) |
| #2E6358 |
rgb(46,99,88) |
hsl(168,37%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #63B5A5 |
rgb(99,181,165) |
hsl(168,36%,55%) |
| #B5639C |
rgb(181,99,156) |
hsl(318,36%,55%) |
| #B57D63 |
rgb(181,125,99) |
hsl(19,36%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #63B5A5 |
rgb(99,181,165) |
hsl(168,36%,55%) |
| #B56373 |
rgb(181,99,115) |
hsl(348,36%,55%) |
| #63B57C |
rgb(99,181,124) |
hsl(138,36%,55%) |
| #B57D63 |
rgb(181,125,99) |
hsl(19,36%,55%) |
