HEX #689EA5 color — Breaker Bay
The color #689EA5 is a light shade and slightly desaturated.
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%) |