#689D6A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated green reads matte and understated, lacking the brightness of high-chroma shades. Because it sits on the cooler side, it pairs well with soft terracottas to balance its muted tone. Use the hex code #689d6a as a supporting background element where a neutral feel is required. With a 6.6:1 contrast ratio against black text, it maintains solid readability for small UI copy.
Questions about #689d6a
What is #689d6a in RGB, HSL and CMYK?
In RGB, #689d6a is rgb(104, 157, 106), in HSL hsl(122, 21%, 51%) and in CMYK 34%, 0%, 32%, 38%.
What colors pair best with #689d6a for a balanced palette?
#689d6a works best when balanced by soft, warm neutrals like terracotta or cream. Because this green is quite cool and muted, adding a warm, earthy tone prevents the overall design from feeling too clinical or sterile.
Is #689d6a suitable for text in a UI design?
#689d6a maintains solid readability against a white background, offering a 6.6:1 contrast ratio against black text. It functions exceptionally well as a secondary background color or for large, readable typography without straining the user's eyes.
Is #689d6a readable on white or black?
#689d6a has a 3.17:1 contrast ratio on white and 6.61:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.