HEX #689EA4 color — Breaker Bay
The color #689EA4 is a light shade and slightly desaturated.
Palette
689EA4 color palette from light to dark
HEX |
RGB |
HSL |
#f9fbfb |
rgb(249,251,251) |
hsl(186,25%,98%) |
#e9f1f2 |
rgb(233,241,242) |
hsl(186,25%,93%) |
#d9e7e8 |
rgb(217,231,232) |
hsl(186,25%,88%) |
#c9dcde |
rgb(201,220,222) |
hsl(186,25%,83%) |
#b9d2d5 |
rgb(185,210,213) |
hsl(186,25%,78%) |
#a9c8cb |
rgb(169,200,203) |
hsl(186,25%,73%) |
#99bec2 |
rgb(153,190,194) |
hsl(186,25%,68%) |
#89b4b8 |
rgb(137,180,184) |
hsl(186,25%,63%) |
#79a9af |
rgb(121,169,175) |
hsl(186,25%,58%) |
#699fa5 |
rgb(105,159,165) |
hsl(186,25%,53%) |
#5c9399 |
rgb(92,147,153) |
hsl(186,25%,48%) |
#528489 |
rgb(82,132,137) |
hsl(186,25%,43%) |
#497479 |
rgb(73,116,121) |
hsl(186,25%,38%) |
#3f6569 |
rgb(63,101,105) |
hsl(186,25%,33%) |
#365659 |
rgb(54,86,89) |
hsl(186,25%,28%) |
#2c4649 |
rgb(44,70,73) |
hsl(186,25%,23%) |
#223739 |
rgb(34,55,57) |
hsl(186,25%,18%) |
#192829 |
rgb(25,40,41) |
hsl(186,25%,13%) |
#0f181a |
rgb(15,24,26) |
hsl(186,25%,8%) |
#06090a |
rgb(6,9,10) |
hsl(186,25%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#68A382 |
rgb(104,163,130) |
hsl(146,24%,52%) |
#689EA4 |
rgb(104,158,164) |
hsl(186,25%,53%) |
#6875A4 |
rgb(104,117,164) |
hsl(227,25%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DBFC4 |
rgb(157,191,196) |
hsl(188,25%,69%) |
#82B0B4 |
rgb(130,176,180) |
hsl(185,25%,61%) |
#689EA4 |
rgb(104,158,164) |
hsl(186,25%,53%) |
#54878C |
rgb(84,135,140) |
hsl(185,25%,44%) |
#446E71 |
rgb(68,110,113) |
hsl(184,25%,35%) |
#345456 |
rgb(52,84,86) |
hsl(184,25%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#689EA4 |
rgb(104,158,164) |
hsl(186,25%,53%) |
#A46980 |
rgb(164,105,128) |
hsl(337,24%,53%) |
#A48C68 |
rgb(164,140,104) |
hsl(36,25%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#689EA4 |
rgb(104,158,164) |
hsl(186,25%,53%) |
#A46E68 |
rgb(164,110,104) |
hsl(6,25%,53%) |
#68A38C |
rgb(104,163,140) |
hsl(157,24%,52%) |
#A48C68 |
rgb(164,140,104) |
hsl(36,25%,53%) |