HEX #69BAA3 color — Tradewind

The color #69BAA3 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

69BAA3 color palette from light to dark

HEX RGB HSL
#f5faf9 rgb(245,250,249) hsl(163,37%,97%)
#e3f2ee rgb(227,242,238) hsl(163,37%,92%)
#d2eae3 rgb(210,234,227) hsl(163,37%,87%)
#c0e2d8 rgb(192,226,216) hsl(163,37%,82%)
#afdace rgb(175,218,206) hsl(163,37%,77%)
#9dd2c3 rgb(157,210,195) hsl(163,37%,72%)
#8ccab8 rgb(140,202,184) hsl(163,37%,67%)
#7ac2ae rgb(122,194,174) hsl(163,37%,62%)
#69baa3 rgb(105,186,163) hsl(163,37%,57%)
#57b298 rgb(87,178,152) hsl(163,37%,52%)
#4ca48b rgb(76,164,139) hsl(163,37%,47%)
#43937c rgb(67,147,124) hsl(163,37%,42%)
#3b816d rgb(59,129,109) hsl(163,37%,37%)
#33705f rgb(51,112,95) hsl(163,37%,32%)
#2b5e50 rgb(43,94,80) hsl(163,37%,27%)
#234d41 rgb(35,77,65) hsl(163,37%,22%)
#1b3b32 rgb(27,59,50) hsl(163,37%,17%)
#132a24 rgb(19,42,36) hsl(163,37%,12%)
#0b1815 rgb(11,24,21) hsl(163,37%,7%)
#030706 rgb(3,7,6) hsl(163,37%,2%)

Adjacent colors

HEX RGB HSL
#69BA6D rgb(105,186,109) hsl(123,37%,57%)
#69BAA3 rgb(105,186,163) hsl(163,37%,57%)
#699CBA rgb(105,156,186) hsl(202,37%,57%)

Monochromatic colors

HEX RGB HSL
#A8D6CA rgb(168,214,202) hsl(164,36%,75%)
#88C9B6 rgb(136,201,182) hsl(162,38%,66%)
#69BAA3 rgb(105,186,163) hsl(163,37%,57%)
#4DA88D rgb(77,168,141) hsl(162,37%,48%)
#3E8772 rgb(62,135,114) hsl(163,37%,39%)
#2F6957 rgb(47,105,87) hsl(161,38%,30%)

Triad color palettes

HEX RGB HSL
#69BAA3 rgb(105,186,163) hsl(163,37%,57%)
#BA69A8 rgb(186,105,168) hsl(313,37%,57%)
#BA7A69 rgb(186,122,105) hsl(13,37%,57%)

Tetrad color palettes

HEX RGB HSL
#69BAA3 rgb(105,186,163) hsl(163,37%,57%)
#BA6980 rgb(186,105,128) hsl(343,37%,57%)
#69BA7A rgb(105,186,122) hsl(133,37%,57%)
#BA7A69 rgb(186,122,105) hsl(13,37%,57%)