HEX #69B0BC color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

69B0BC color palette from light to dark

HEX RGB HSL
#f4f9fa rgb(244,249,250) hsl(189,38%,97%)
#e3f0f2 rgb(227,240,242) hsl(189,38%,92%)
#d1e7ea rgb(209,231,234) hsl(189,38%,87%)
#c0dde3 rgb(192,221,227) hsl(189,38%,82%)
#aed4db rgb(174,212,219) hsl(189,38%,77%)
#9ccbd3 rgb(156,203,211) hsl(189,38%,72%)
#8bc1cb rgb(139,193,203) hsl(189,38%,67%)
#79b8c3 rgb(121,184,195) hsl(189,38%,62%)
#68afbb rgb(104,175,187) hsl(189,38%,57%)
#56a5b3 rgb(86,165,179) hsl(189,38%,52%)
#4a98a5 rgb(74,152,165) hsl(189,38%,47%)
#428894 rgb(66,136,148) hsl(189,38%,42%)
#3a7782 rgb(58,119,130) hsl(189,38%,37%)
#336771 rgb(51,103,113) hsl(189,38%,32%)
#2b575f rgb(43,87,95) hsl(189,38%,27%)
#23474d rgb(35,71,77) hsl(189,38%,22%)
#1b373c rgb(27,55,60) hsl(189,38%,17%)
#13272a rgb(19,39,42) hsl(189,38%,12%)
#0b1719 rgb(11,23,25) hsl(189,38%,7%)
#030607 rgb(3,6,7) hsl(189,38%,2%)

Adjacent colors

HEX RGB HSL
#69BD90 rgb(105,189,144) hsl(148,39%,58%)
#69B0BC rgb(105,176,188) hsl(189,38%,57%)
#6978BC rgb(105,120,188) hsl(229,38%,57%)

Monochromatic colors

HEX RGB HSL
#A9D1D8 rgb(169,209,216) hsl(189,38%,75%)
#89C2CA rgb(137,194,202) hsl(187,38%,66%)
#69B0BC rgb(105,176,188) hsl(189,38%,57%)
#4B9CAA rgb(75,156,170) hsl(189,39%,48%)
#3D8089 rgb(61,128,137) hsl(187,38%,39%)
#2F6169 rgb(47,97,105) hsl(188,38%,30%)

Triad color palettes

HEX RGB HSL
#69B0BC rgb(105,176,188) hsl(189,38%,57%)
#BC6986 rgb(188,105,134) hsl(339,38%,57%)
#BC9E69 rgb(188,158,105) hsl(38,38%,57%)

Tetrad color palettes

HEX RGB HSL
#69B0BC rgb(105,176,188) hsl(189,38%,57%)
#BC7569 rgb(188,117,105) hsl(9,38%,57%)
#69BD9E rgb(105,189,158) hsl(158,39%,58%)
#BC9E69 rgb(188,158,105) hsl(38,38%,57%)