HEX #63ABB2 color — Tradewind
The color #63ABB2 is a light shade and slightly desaturated.
Palette
63ABB2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(185,34%,99%) |
#eaf4f5 |
rgb(234,244,245) |
hsl(185,34%,94%) |
#d9ebec |
rgb(217,235,236) |
hsl(185,34%,89%) |
#c8e2e4 |
rgb(200,226,228) |
hsl(185,34%,84%) |
#b7d9dc |
rgb(183,217,220) |
hsl(185,34%,79%) |
#a6cfd3 |
rgb(166,207,211) |
hsl(185,34%,74%) |
#95c6cb |
rgb(149,198,203) |
hsl(185,34%,69%) |
#84bdc2 |
rgb(132,189,194) |
hsl(185,34%,64%) |
#73b4ba |
rgb(115,180,186) |
hsl(185,34%,59%) |
#62abb2 |
rgb(98,171,178) |
hsl(185,34%,54%) |
#52a0a7 |
rgb(82,160,167) |
hsl(185,34%,49%) |
#4a9096 |
rgb(74,144,150) |
hsl(185,34%,44%) |
#428085 |
rgb(66,128,133) |
hsl(185,34%,39%) |
#396f74 |
rgb(57,111,116) |
hsl(185,34%,34%) |
#315f63 |
rgb(49,95,99) |
hsl(185,34%,29%) |
#284f52 |
rgb(40,79,82) |
hsl(185,34%,24%) |
#203e41 |
rgb(32,62,65) |
hsl(185,34%,19%) |
#182e30 |
rgb(24,46,48) |
hsl(185,34%,14%) |
#0f1d1f |
rgb(15,29,31) |
hsl(185,34%,9%) |
#070d0e |
rgb(7,13,14) |
hsl(185,34%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#63B384 |
rgb(99,179,132) |
hsl(145,34%,55%) |
#63ABB2 |
rgb(99,171,178) |
hsl(185,34%,54%) |
#6375B2 |
rgb(99,117,178) |
hsl(226,34%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9ECCCF |
rgb(158,204,207) |
hsl(184,34%,72%) |
#80BAC0 |
rgb(128,186,192) |
hsl(186,34%,63%) |
#63ABB2 |
rgb(99,171,178) |
hsl(185,34%,54%) |
#4C949B |
rgb(76,148,155) |
hsl(185,34%,45%) |
#3E787E |
rgb(62,120,126) |
hsl(186,34%,37%) |
#2F5C60 |
rgb(47,92,96) |
hsl(185,34%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#63ABB2 |
rgb(99,171,178) |
hsl(185,34%,54%) |
#B26383 |
rgb(178,99,131) |
hsl(336,34%,54%) |
#B29163 |
rgb(178,145,99) |
hsl(35,34%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#63ABB2 |
rgb(99,171,178) |
hsl(185,34%,54%) |
#B26B63 |
rgb(178,107,99) |
hsl(6,34%,54%) |
#63B391 |
rgb(99,179,145) |
hsl(155,34%,55%) |
#B29163 |
rgb(178,145,99) |
hsl(35,34%,54%) |