HEX #69B0BA color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

69b0ba color palette from light to dark

HEX RGB HSL
#f5fafa rgb(245,250,250) hsl(187,37%,97%)
#e3f0f2 rgb(227,240,242) hsl(187,37%,92%)
#d2e7ea rgb(210,231,234) hsl(187,37%,87%)
#c0dee2 rgb(192,222,226) hsl(187,37%,82%)
#afd5da rgb(175,213,218) hsl(187,37%,77%)
#9dccd2 rgb(157,204,210) hsl(187,37%,72%)
#8cc3ca rgb(140,195,202) hsl(187,37%,67%)
#7abac2 rgb(122,186,194) hsl(187,37%,62%)
#69b0ba rgb(105,176,186) hsl(187,37%,57%)
#57a7b2 rgb(87,167,178) hsl(187,37%,52%)
#4c9aa4 rgb(76,154,164) hsl(187,37%,47%)
#438993 rgb(67,137,147) hsl(187,37%,42%)
#3b7981 rgb(59,121,129) hsl(187,37%,37%)
#336970 rgb(51,105,112) hsl(187,37%,32%)
#2b585e rgb(43,88,94) hsl(187,37%,27%)
#23484d rgb(35,72,77) hsl(187,37%,22%)
#1b383b rgb(27,56,59) hsl(187,37%,17%)
#13272a rgb(19,39,42) hsl(187,37%,12%)
#0b1718 rgb(11,23,24) hsl(187,37%,7%)
#030707 rgb(3,7,7) hsl(187,37%,2%)

Adjacent colors

HEX RGB HSL
#69BA8E rgb(105,186,142) hsl(147,37%,57%)
#69B0BA rgb(105,176,186) hsl(187,37%,57%)
#697ABA rgb(105,122,186) hsl(227,37%,57%)

Monochromatic colors

HEX RGB HSL
#A8D1D7 rgb(168,209,215) hsl(188,37%,75%)
#88C2C8 rgb(136,194,200) hsl(186,37%,66%)
#69B0BA rgb(105,176,186) hsl(187,37%,57%)
#4D9CA7 rgb(77,156,167) hsl(187,37%,48%)
#3E8087 rgb(62,128,135) hsl(186,37%,39%)
#2F6167 rgb(47,97,103) hsl(186,37%,29%)

Triad color palettes

HEX RGB HSL
#69B0BA rgb(105,176,186) hsl(187,37%,57%)
#BA6987 rgb(186,105,135) hsl(338,37%,57%)
#BA9C69 rgb(186,156,105) hsl(38,37%,57%)

Tetrad color palettes

HEX RGB HSL
#69B0BA rgb(105,176,186) hsl(187,37%,57%)
#BA7369 rgb(186,115,105) hsl(7,37%,57%)
#69BA9B rgb(105,186,155) hsl(157,37%,57%)
#BA9C69 rgb(186,156,105) hsl(38,37%,57%)