HEX #69A7BA color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

69a7ba color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(194,37%,97%)
#e3eff2 rgb(227,239,242) hsl(194,37%,92%)
#d2e4ea rgb(210,228,234) hsl(194,37%,87%)
#c0dae2 rgb(192,218,226) hsl(194,37%,82%)
#afd0da rgb(175,208,218) hsl(194,37%,77%)
#9dc6d2 rgb(157,198,210) hsl(194,37%,72%)
#8cbbca rgb(140,187,202) hsl(194,37%,67%)
#7ab1c2 rgb(122,177,194) hsl(194,37%,62%)
#69a7ba rgb(105,167,186) hsl(194,37%,57%)
#579db2 rgb(87,157,178) hsl(194,37%,52%)
#4c90a4 rgb(76,144,164) hsl(194,37%,47%)
#438093 rgb(67,128,147) hsl(194,37%,42%)
#3b7181 rgb(59,113,129) hsl(194,37%,37%)
#336270 rgb(51,98,112) hsl(194,37%,32%)
#2b525e rgb(43,82,94) hsl(194,37%,27%)
#23434d rgb(35,67,77) hsl(194,37%,22%)
#1b343b rgb(27,52,59) hsl(194,37%,17%)
#13252a rgb(19,37,42) hsl(194,37%,12%)
#0b1518 rgb(11,21,24) hsl(194,37%,7%)
#030607 rgb(3,6,7) hsl(194,37%,2%)

Adjacent colors

HEX RGB HSL
#69BA97 rgb(105,186,151) hsl(154,37%,57%)
#69A7BA rgb(105,167,186) hsl(194,37%,57%)
#6970BA rgb(105,112,186) hsl(235,37%,57%)

Monochromatic colors

HEX RGB HSL
#A8CCD7 rgb(168,204,215) hsl(194,37%,75%)
#88BAC8 rgb(136,186,200) hsl(193,37%,66%)
#69A7BA rgb(105,167,186) hsl(194,37%,57%)
#4D91A7 rgb(77,145,167) hsl(195,37%,48%)
#3E7587 rgb(62,117,135) hsl(195,37%,39%)
#2F5967 rgb(47,89,103) hsl(195,37%,29%)

Triad color palettes

HEX RGB HSL
#69A7BA rgb(105,167,186) hsl(194,37%,57%)
#BA697E rgb(186,105,126) hsl(344,37%,57%)
#BAA669 rgb(186,166,105) hsl(45,37%,57%)

Tetrad color palettes

HEX RGB HSL
#69A7BA rgb(105,167,186) hsl(194,37%,57%)
#BA7D69 rgb(186,125,105) hsl(15,37%,57%)
#69BAA4 rgb(105,186,164) hsl(164,37%,57%)
#BAA669 rgb(186,166,105) hsl(45,37%,57%)