HEX #63B0B2 color — Tradewind
The color #63B0B2 is a light shade and slightly desaturated.
Palette
63B0B2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(182,34%,99%) |
#eaf5f5 |
rgb(234,245,245) |
hsl(182,34%,94%) |
#d9ecec |
rgb(217,236,236) |
hsl(182,34%,89%) |
#c8e3e4 |
rgb(200,227,228) |
hsl(182,34%,84%) |
#b7dadc |
rgb(183,218,220) |
hsl(182,34%,79%) |
#a6d2d3 |
rgb(166,210,211) |
hsl(182,34%,74%) |
#95c9cb |
rgb(149,201,203) |
hsl(182,34%,69%) |
#84c0c2 |
rgb(132,192,194) |
hsl(182,34%,64%) |
#73b8ba |
rgb(115,184,186) |
hsl(182,34%,59%) |
#62afb2 |
rgb(98,175,178) |
hsl(182,34%,54%) |
#52a5a7 |
rgb(82,165,167) |
hsl(182,34%,49%) |
#4a9496 |
rgb(74,148,150) |
hsl(182,34%,44%) |
#428385 |
rgb(66,131,133) |
hsl(182,34%,39%) |
#397274 |
rgb(57,114,116) |
hsl(182,34%,34%) |
#316163 |
rgb(49,97,99) |
hsl(182,34%,29%) |
#285152 |
rgb(40,81,82) |
hsl(182,34%,24%) |
#204041 |
rgb(32,64,65) |
hsl(182,34%,19%) |
#182f30 |
rgb(24,47,48) |
hsl(182,34%,14%) |
#0f1e1f |
rgb(15,30,31) |
hsl(182,34%,9%) |
#070d0e |
rgb(7,13,14) |
hsl(182,34%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#63B37F |
rgb(99,179,127) |
hsl(141,34%,55%) |
#63B0B2 |
rgb(99,176,178) |
hsl(182,34%,54%) |
#637AB2 |
rgb(99,122,178) |
hsl(223,34%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9ECFCF |
rgb(158,207,207) |
hsl(180,34%,72%) |
#80BFC0 |
rgb(128,191,192) |
hsl(181,34%,63%) |
#63B0B2 |
rgb(99,176,178) |
hsl(182,34%,54%) |
#4C999B |
rgb(76,153,155) |
hsl(182,34%,45%) |
#3E7D7E |
rgb(62,125,126) |
hsl(181,34%,37%) |
#2F5E60 |
rgb(47,94,96) |
hsl(182,34%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#63B0B2 |
rgb(99,176,178) |
hsl(182,34%,54%) |
#B26388 |
rgb(178,99,136) |
hsl(332,34%,54%) |
#B28C63 |
rgb(178,140,99) |
hsl(31,34%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#63B0B2 |
rgb(99,176,178) |
hsl(182,34%,54%) |
#B26663 |
rgb(178,102,99) |
hsl(2,34%,54%) |
#63B38C |
rgb(99,179,140) |
hsl(151,34%,55%) |
#B28C63 |
rgb(178,140,99) |
hsl(31,34%,54%) |