HEX #69ABB3 color — Tradewind

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

Color codes

copy icon
copy icon
copy icon

Palette

69ABB3 color palette from light to dark

HEX RGB HSL
#f1f7f8 rgb(241,247,248) hsl(186,33%,96%)
#e0eef0 rgb(224,238,240) hsl(186,33%,91%)
#d0e5e7 rgb(208,229,231) hsl(186,33%,86%)
#bfdbdf rgb(191,219,223) hsl(186,33%,81%)
#aed2d6 rgb(174,210,214) hsl(186,33%,76%)
#9dc9cd rgb(157,201,205) hsl(186,33%,71%)
#8cbfc5 rgb(140,191,197) hsl(186,33%,66%)
#7bb6bc rgb(123,182,188) hsl(186,33%,61%)
#6aacb4 rgb(106,172,180) hsl(186,33%,56%)
#59a3ab rgb(89,163,171) hsl(186,33%,51%)
#4f949c rgb(79,148,156) hsl(186,33%,46%)
#46848b rgb(70,132,139) hsl(186,33%,41%)
#3e747a rgb(62,116,122) hsl(186,33%,36%)
#356469 rgb(53,100,105) hsl(186,33%,31%)
#2c5458 rgb(44,84,88) hsl(186,33%,26%)
#244447 rgb(36,68,71) hsl(186,33%,21%)
#1b3436 rgb(27,52,54) hsl(186,33%,16%)
#132325 rgb(19,35,37) hsl(186,33%,11%)
#0a1314 rgb(10,19,20) hsl(186,33%,6%)
#020303 rgb(2,3,3) hsl(186,33%,1%)

Adjacent colors

HEX RGB HSL
#69B389 rgb(105,179,137) hsl(146,33%,56%)
#69ABB3 rgb(105,171,179) hsl(186,33%,56%)
#697AB3 rgb(105,122,179) hsl(226,33%,56%)

Monochromatic colors

HEX RGB HSL
#A5CCD1 rgb(165,204,209) hsl(187,32%,73%)
#87BDC2 rgb(135,189,194) hsl(185,33%,65%)
#69ABB3 rgb(105,171,179) hsl(186,33%,56%)
#50969E rgb(80,150,158) hsl(186,33%,47%)
#407A80 rgb(64,122,128) hsl(186,33%,38%)
#315C62 rgb(49,92,98) hsl(187,33%,29%)

Triad color palettes

HEX RGB HSL
#69ABB3 rgb(105,171,179) hsl(186,33%,56%)
#B36986 rgb(179,105,134) hsl(336,33%,56%)
#B39669 rgb(179,150,105) hsl(36,33%,56%)

Tetrad color palettes

HEX RGB HSL
#69ABB3 rgb(105,171,179) hsl(186,33%,56%)
#B37069 rgb(179,112,105) hsl(6,33%,56%)
#69B396 rgb(105,179,150) hsl(156,33%,56%)
#B39669 rgb(179,150,105) hsl(36,33%,56%)