HEX #63B5A2 color — Tradewind
The color #63B5A2 is a light shade and slightly desaturated.
Palette
63B5A2 color palette from light to dark
HEX |
RGB |
HSL |
#eef7f5 |
rgb(238,247,245) |
hsl(166,36%,95%) |
#dcefea |
rgb(220,239,234) |
hsl(166,36%,90%) |
#cbe7e0 |
rgb(203,231,224) |
hsl(166,36%,85%) |
#baded6 |
rgb(186,222,214) |
hsl(166,36%,80%) |
#a8d6cb |
rgb(168,214,203) |
hsl(166,36%,75%) |
#97cec1 |
rgb(151,206,193) |
hsl(166,36%,70%) |
#86c6b7 |
rgb(134,198,183) |
hsl(166,36%,65%) |
#74bead |
rgb(116,190,173) |
hsl(166,36%,60%) |
#63b6a2 |
rgb(99,182,162) |
hsl(166,36%,55%) |
#52ad98 |
rgb(82,173,152) |
hsl(166,36%,50%) |
#499c89 |
rgb(73,156,137) |
hsl(166,36%,45%) |
#418b7a |
rgb(65,139,122) |
hsl(166,36%,40%) |
#39796a |
rgb(57,121,106) |
hsl(166,36%,35%) |
#31685b |
rgb(49,104,91) |
hsl(166,36%,30%) |
#29574c |
rgb(41,87,76) |
hsl(166,36%,25%) |
#21453d |
rgb(33,69,61) |
hsl(166,36%,20%) |
#18342e |
rgb(24,52,46) |
hsl(166,36%,15%) |
#10231e |
rgb(16,35,30) |
hsl(166,36%,10%) |
#08110f |
rgb(8,17,15) |
hsl(166,36%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#63B56B |
rgb(99,181,107) |
hsl(126,36%,55%) |
#63B5A2 |
rgb(99,181,162) |
hsl(166,36%,55%) |
#6391B5 |
rgb(99,145,181) |
hsl(206,36%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FD1C6 |
rgb(159,209,198) |
hsl(167,35%,72%) |
#81C4B4 |
rgb(129,196,180) |
hsl(166,36%,64%) |
#63B5A2 |
rgb(99,181,162) |
hsl(166,36%,55%) |
#4BA18C |
rgb(75,161,140) |
hsl(165,36%,46%) |
#3D8271 |
rgb(61,130,113) |
hsl(165,36%,37%) |
#2E6356 |
rgb(46,99,86) |
hsl(165,37%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#63B5A2 |
rgb(99,181,162) |
hsl(166,36%,55%) |
#B5639F |
rgb(181,99,159) |
hsl(316,36%,55%) |
#B57863 |
rgb(181,120,99) |
hsl(15,36%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#63B5A2 |
rgb(99,181,162) |
hsl(166,36%,55%) |
#B56376 |
rgb(181,99,118) |
hsl(346,36%,55%) |
#63B579 |
rgb(99,181,121) |
hsl(136,36%,55%) |
#B57863 |
rgb(181,120,99) |
hsl(15,36%,55%) |