HEX #63BAA0 color — Tradewind
The color #63BAA0 is a light shade and slightly desaturated.
Palette
63BAA0 color palette from light to dark
HEX |
RGB |
HSL |
#f1f9f6 |
rgb(241,249,246) |
hsl(162,39%,96%) |
#dff1ec |
rgb(223,241,236) |
hsl(162,39%,91%) |
#cde9e1 |
rgb(205,233,225) |
hsl(162,39%,86%) |
#bce1d6 |
rgb(188,225,214) |
hsl(162,39%,81%) |
#aadacb |
rgb(170,218,203) |
hsl(162,39%,76%) |
#98d2c1 |
rgb(152,210,193) |
hsl(162,39%,71%) |
#86cab6 |
rgb(134,202,182) |
hsl(162,39%,66%) |
#75c2ab |
rgb(117,194,171) |
hsl(162,39%,61%) |
#63bba0 |
rgb(99,187,160) |
hsl(162,39%,56%) |
#51b396 |
rgb(81,179,150) |
hsl(162,39%,51%) |
#48a388 |
rgb(72,163,136) |
hsl(162,39%,46%) |
#409179 |
rgb(64,145,121) |
hsl(162,39%,41%) |
#38806a |
rgb(56,128,106) |
hsl(162,39%,36%) |
#306e5b |
rgb(48,110,91) |
hsl(162,39%,31%) |
#285c4d |
rgb(40,92,77) |
hsl(162,39%,26%) |
#214a3e |
rgb(33,74,62) |
hsl(162,39%,21%) |
#19392f |
rgb(25,57,47) |
hsl(162,39%,16%) |
#112720 |
rgb(17,39,32) |
hsl(162,39%,11%) |
#091512 |
rgb(9,21,18) |
hsl(162,39%,6%) |
#020403 |
rgb(2,4,3) |
hsl(162,39%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#63BA66 |
rgb(99,186,102) |
hsl(122,39%,56%) |
#63BAA0 |
rgb(99,186,160) |
hsl(162,39%,56%) |
#6399BA |
rgb(99,153,186) |
hsl(203,39%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2D6C6 |
rgb(162,214,198) |
hsl(162,39%,74%) |
#82C7B3 |
rgb(130,199,179) |
hsl(163,38%,65%) |
#63BAA0 |
rgb(99,186,160) |
hsl(162,39%,56%) |
#49A68A |
rgb(73,166,138) |
hsl(162,39%,47%) |
#3B876F |
rgb(59,135,111) |
hsl(161,39%,38%) |
#2D6655 |
rgb(45,102,85) |
hsl(162,39%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#63BAA0 |
rgb(99,186,160) |
hsl(162,39%,56%) |
#BA63A8 |
rgb(186,99,168) |
hsl(312,39%,56%) |
#BA7563 |
rgb(186,117,99) |
hsl(12,39%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#63BAA0 |
rgb(99,186,160) |
hsl(162,39%,56%) |
#BA637D |
rgb(186,99,125) |
hsl(342,39%,56%) |
#63BA74 |
rgb(99,186,116) |
hsl(132,39%,56%) |
#BA7563 |
rgb(186,117,99) |
hsl(12,39%,56%) |