HEX #63A8B2 color — Tradewind
The color #63A8B2 is a light shade and slightly desaturated.
Palette
63A8B2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(188,34%,99%) |
#eaf4f5 |
rgb(234,244,245) |
hsl(188,34%,94%) |
#d9eaec |
rgb(217,234,236) |
hsl(188,34%,89%) |
#c8e0e4 |
rgb(200,224,228) |
hsl(188,34%,84%) |
#b7d7dc |
rgb(183,215,220) |
hsl(188,34%,79%) |
#a6cdd3 |
rgb(166,205,211) |
hsl(188,34%,74%) |
#95c4cb |
rgb(149,196,203) |
hsl(188,34%,69%) |
#84bac2 |
rgb(132,186,194) |
hsl(188,34%,64%) |
#73b1ba |
rgb(115,177,186) |
hsl(188,34%,59%) |
#62a7b2 |
rgb(98,167,178) |
hsl(188,34%,54%) |
#529ca7 |
rgb(82,156,167) |
hsl(188,34%,49%) |
#4a8c96 |
rgb(74,140,150) |
hsl(188,34%,44%) |
#427c85 |
rgb(66,124,133) |
hsl(188,34%,39%) |
#396c74 |
rgb(57,108,116) |
hsl(188,34%,34%) |
#315c63 |
rgb(49,92,99) |
hsl(188,34%,29%) |
#284c52 |
rgb(40,76,82) |
hsl(188,34%,24%) |
#203d41 |
rgb(32,61,65) |
hsl(188,34%,19%) |
#182d30 |
rgb(24,45,48) |
hsl(188,34%,14%) |
#0f1d1f |
rgb(15,29,31) |
hsl(188,34%,9%) |
#070d0e |
rgb(7,13,14) |
hsl(188,34%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#63B387 |
rgb(99,179,135) |
hsl(147,34%,55%) |
#63A8B2 |
rgb(99,168,178) |
hsl(188,34%,54%) |
#6373B2 |
rgb(99,115,178) |
hsl(228,34%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EC9CF |
rgb(158,201,207) |
hsl(187,34%,72%) |
#80B8C0 |
rgb(128,184,192) |
hsl(188,34%,63%) |
#63A8B2 |
rgb(99,168,178) |
hsl(188,34%,54%) |
#4C919B |
rgb(76,145,155) |
hsl(188,34%,45%) |
#3E757E |
rgb(62,117,126) |
hsl(188,34%,37%) |
#2F5960 |
rgb(47,89,96) |
hsl(189,34%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#63A8B2 |
rgb(99,168,178) |
hsl(188,34%,54%) |
#B26380 |
rgb(178,99,128) |
hsl(338,34%,54%) |
#B29463 |
rgb(178,148,99) |
hsl(37,34%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#63A8B2 |
rgb(99,168,178) |
hsl(188,34%,54%) |
#B26E63 |
rgb(178,110,99) |
hsl(8,34%,54%) |
#63B394 |
rgb(99,179,148) |
hsl(157,34%,55%) |
#B29463 |
rgb(178,148,99) |
hsl(37,34%,54%) |