HEX #63B5A7 color — Tradewind
The color #63B5A7 is a light shade and slightly desaturated.
Palette
63B5A7 color palette from light to dark
HEX |
RGB |
HSL |
#eef7f5 |
rgb(238,247,245) |
hsl(170,36%,95%) |
#dcefec |
rgb(220,239,236) |
hsl(170,36%,90%) |
#cbe7e2 |
rgb(203,231,226) |
hsl(170,36%,85%) |
#baded8 |
rgb(186,222,216) |
hsl(170,36%,80%) |
#a8d6cf |
rgb(168,214,207) |
hsl(170,36%,75%) |
#97cec5 |
rgb(151,206,197) |
hsl(170,36%,70%) |
#86c6bb |
rgb(134,198,187) |
hsl(170,36%,65%) |
#74beb1 |
rgb(116,190,177) |
hsl(170,36%,60%) |
#63b6a8 |
rgb(99,182,168) |
hsl(170,36%,55%) |
#52ad9e |
rgb(82,173,158) |
hsl(170,36%,50%) |
#499c8e |
rgb(73,156,142) |
hsl(170,36%,45%) |
#418b7e |
rgb(65,139,126) |
hsl(170,36%,40%) |
#39796f |
rgb(57,121,111) |
hsl(170,36%,35%) |
#31685f |
rgb(49,104,95) |
hsl(170,36%,30%) |
#29574f |
rgb(41,87,79) |
hsl(170,36%,25%) |
#21453f |
rgb(33,69,63) |
hsl(170,36%,20%) |
#18342f |
rgb(24,52,47) |
hsl(170,36%,15%) |
#102320 |
rgb(16,35,32) |
hsl(170,36%,10%) |
#081110 |
rgb(8,17,16) |
hsl(170,36%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#63B570 |
rgb(99,181,112) |
hsl(130,36%,55%) |
#63B5A7 |
rgb(99,181,167) |
hsl(170,36%,55%) |
#638CB5 |
rgb(99,140,181) |
hsl(210,36%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FD1C9 |
rgb(159,209,201) |
hsl(170,35%,72%) |
#81C4B8 |
rgb(129,196,184) |
hsl(169,36%,64%) |
#63B5A7 |
rgb(99,181,167) |
hsl(170,36%,55%) |
#4BA191 |
rgb(75,161,145) |
hsl(169,36%,46%) |
#3D8275 |
rgb(61,130,117) |
hsl(169,36%,37%) |
#2E6359 |
rgb(46,99,89) |
hsl(169,37%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#63B5A7 |
rgb(99,181,167) |
hsl(170,36%,55%) |
#B5639A |
rgb(181,99,154) |
hsl(320,36%,55%) |
#B57D63 |
rgb(181,125,99) |
hsl(19,36%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#63B5A7 |
rgb(99,181,167) |
hsl(170,36%,55%) |
#B56371 |
rgb(181,99,113) |
hsl(350,36%,55%) |
#63B57E |
rgb(99,181,126) |
hsl(140,36%,55%) |
#B57D63 |
rgb(181,125,99) |
hsl(19,36%,55%) |