HEX #69B5B0 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

69B5B0 color palette from light to dark

HEX RGB HSL
#f1f8f8 rgb(241,248,248) hsl(176,34%,96%)
#e0f0ef rgb(224,240,239) hsl(176,34%,91%)
#cfe7e6 rgb(207,231,230) hsl(176,34%,86%)
#bedfdd rgb(190,223,221) hsl(176,34%,81%)
#add7d4 rgb(173,215,212) hsl(176,34%,76%)
#9ccecb rgb(156,206,203) hsl(176,34%,71%)
#8bc6c2 rgb(139,198,194) hsl(176,34%,66%)
#7abdb9 rgb(122,189,185) hsl(176,34%,61%)
#69b5b0 rgb(105,181,176) hsl(176,34%,56%)
#58ada7 rgb(88,173,167) hsl(176,34%,51%)
#4d9d98 rgb(77,157,152) hsl(176,34%,46%)
#458c87 rgb(69,140,135) hsl(176,34%,41%)
#3d7b77 rgb(61,123,119) hsl(176,34%,36%)
#346a66 rgb(52,106,102) hsl(176,34%,31%)
#2c5956 rgb(44,89,86) hsl(176,34%,26%)
#234845 rgb(35,72,69) hsl(176,34%,21%)
#1b3735 rgb(27,55,53) hsl(176,34%,16%)
#132624 rgb(19,38,36) hsl(176,34%,11%)
#0a1514 rgb(10,21,20) hsl(176,34%,6%)
#020303 rgb(2,3,3) hsl(176,34%,1%)

Adjacent colors

HEX RGB HSL
#69B57D rgb(105,181,125) hsl(136,34%,56%)
#69B5B0 rgb(105,181,176) hsl(176,34%,56%)
#6987B5 rgb(105,135,181) hsl(216,34%,56%)

Monochromatic colors

HEX RGB HSL
#A6D4D0 rgb(166,212,208) hsl(175,35%,74%)
#87C4C0 rgb(135,196,192) hsl(176,34%,65%)
#69B5B0 rgb(105,181,176) hsl(176,34%,56%)
#4FA19B rgb(79,161,155) hsl(176,34%,47%)
#40827D rgb(64,130,125) hsl(175,34%,38%)
#316360 rgb(49,99,96) hsl(176,34%,29%)

Triad color palettes

HEX RGB HSL
#69B5B0 rgb(105,181,176) hsl(176,34%,56%)
#B56994 rgb(181,105,148) hsl(326,34%,56%)
#B58A69 rgb(181,138,105) hsl(26,34%,56%)

Tetrad color palettes

HEX RGB HSL
#69B5B0 rgb(105,181,176) hsl(176,34%,56%)
#B5696E rgb(181,105,110) hsl(356,34%,56%)
#69B58A rgb(105,181,138) hsl(146,34%,56%)
#B58A69 rgb(181,138,105) hsl(26,34%,56%)