HEX #689EA5 color — Breaker Bay

The color #689EA5 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

689EA5 color palette from light to dark

HEX RGB HSL
#f9fbfb rgb(249,251,251) hsl(187,25%,98%)
#e9f1f2 rgb(233,241,242) hsl(187,25%,93%)
#d9e6e8 rgb(217,230,232) hsl(187,25%,88%)
#c9dcde rgb(201,220,222) hsl(187,25%,83%)
#b9d2d5 rgb(185,210,213) hsl(187,25%,78%)
#a9c7cb rgb(169,199,203) hsl(187,25%,73%)
#99bdc2 rgb(153,189,194) hsl(187,25%,68%)
#89b3b8 rgb(137,179,184) hsl(187,25%,63%)
#79a8af rgb(121,168,175) hsl(187,25%,58%)
#699ea5 rgb(105,158,165) hsl(187,25%,53%)
#5c9299 rgb(92,146,153) hsl(187,25%,48%)
#528389 rgb(82,131,137) hsl(187,25%,43%)
#497379 rgb(73,115,121) hsl(187,25%,38%)
#3f6469 rgb(63,100,105) hsl(187,25%,33%)
#365559 rgb(54,85,89) hsl(187,25%,28%)
#2c4649 rgb(44,70,73) hsl(187,25%,23%)
#223739 rgb(34,55,57) hsl(187,25%,18%)
#192829 rgb(25,40,41) hsl(187,25%,13%)
#0f181a rgb(15,24,26) hsl(187,25%,8%)
#06090a rgb(6,9,10) hsl(187,25%,3%)

Adjacent colors

HEX RGB HSL
#68A683 rgb(104,166,131) hsl(146,26%,53%)
#689EA5 rgb(104,158,165) hsl(187,25%,53%)
#6875A5 rgb(104,117,165) hsl(227,25%,53%)

Monochromatic colors

HEX RGB HSL
#9DC2C5 rgb(157,194,197) hsl(185,26%,69%)
#82B0B5 rgb(130,176,181) hsl(186,26%,61%)
#689EA5 rgb(104,158,165) hsl(187,25%,53%)
#54878D rgb(84,135,141) hsl(186,25%,44%)
#446E72 rgb(68,110,114) hsl(185,25%,36%)
#345457 rgb(52,84,87) hsl(185,25%,27%)

Triad color palettes

HEX RGB HSL
#689EA5 rgb(104,158,165) hsl(187,25%,53%)
#A5697F rgb(165,105,127) hsl(338,25%,53%)
#A58C68 rgb(165,140,104) hsl(35,25%,53%)

Tetrad color palettes

HEX RGB HSL
#689EA5 rgb(104,158,165) hsl(187,25%,53%)
#A57068 rgb(165,112,104) hsl(8,25%,53%)
#68A68D rgb(104,166,141) hsl(156,26%,53%)
#A58C68 rgb(165,140,104) hsl(35,25%,53%)