HEX #63B5B2 color — Tradewind

The color #63B5B2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

63B5B2 color palette from light to dark

HEX RGB HSL
#eef7f7 rgb(238,247,247) hsl(178,36%,95%)
#dcefee rgb(220,239,238) hsl(178,36%,90%)
#cbe7e6 rgb(203,231,230) hsl(178,36%,85%)
#badedd rgb(186,222,221) hsl(178,36%,80%)
#a8d6d5 rgb(168,214,213) hsl(178,36%,75%)
#97cecc rgb(151,206,204) hsl(178,36%,70%)
#86c6c4 rgb(134,198,196) hsl(178,36%,65%)
#74bebb rgb(116,190,187) hsl(178,36%,60%)
#63b6b3 rgb(99,182,179) hsl(178,36%,55%)
#52adaa rgb(82,173,170) hsl(178,36%,50%)
#499c99 rgb(73,156,153) hsl(178,36%,45%)
#418b88 rgb(65,139,136) hsl(178,36%,40%)
#397977 rgb(57,121,119) hsl(178,36%,35%)
#316866 rgb(49,104,102) hsl(178,36%,30%)
#295755 rgb(41,87,85) hsl(178,36%,25%)
#214544 rgb(33,69,68) hsl(178,36%,20%)
#183433 rgb(24,52,51) hsl(178,36%,15%)
#102322 rgb(16,35,34) hsl(178,36%,10%)
#081111 rgb(8,17,17) hsl(178,36%,5%)

Adjacent colors

HEX RGB HSL
#63B57B rgb(99,181,123) hsl(138,36%,55%)
#63B5B2 rgb(99,181,178) hsl(178,36%,55%)
#6382B5 rgb(99,130,181) hsl(217,36%,55%)

Monochromatic colors

HEX RGB HSL
#9FD1D0 rgb(159,209,208) hsl(179,35%,72%)
#81C4C1 rgb(129,196,193) hsl(177,36%,64%)
#63B5B2 rgb(99,181,178) hsl(178,36%,55%)
#4BA19C rgb(75,161,156) hsl(177,36%,46%)
#3D827E rgb(61,130,126) hsl(177,36%,37%)
#2E6360 rgb(46,99,96) hsl(177,37%,28%)

Triad color palettes

HEX RGB HSL
#63B5B2 rgb(99,181,178) hsl(178,36%,55%)
#B5638F rgb(181,99,143) hsl(328,36%,55%)
#B58A63 rgb(181,138,99) hsl(29,36%,55%)

Tetrad color palettes

HEX RGB HSL
#63B5B2 rgb(99,181,178) hsl(178,36%,55%)
#B56366 rgb(181,99,102) hsl(358,36%,55%)
#63B589 rgb(99,181,137) hsl(148,36%,55%)
#B58A63 rgb(181,138,99) hsl(29,36%,55%)