#689CA0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated cyan carries a cool, clinical character. Because of its muted tone, #689ca0 works well as a supporting background in UI design rather than a dominant splash of color. It maintains excellent contrast with black text, ensuring readability for smaller body copy. Pair it with warm terracottas or soft greys to balance its inherent coolness without washing out the overall palette.
Questions about #689ca0
What is #689ca0 in RGB, HSL and CMYK?
In RGB, #689ca0 is rgb(104, 156, 160), in HSL hsl(184, 23%, 52%) and in CMYK 35%, 2%, 0%, 37%.
What colors pair well with #689ca0?
#689ca0 pairs beautifully with warm earth tones like terracotta or neutral soft greys to balance its inherent coolness. Using these warm accents prevents the muted cyan from feeling too sterile in professional branding or interface design.
Is #689ca0 readable on white or black?
#689ca0 has a 3.06:1 contrast ratio on white and 6.85: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.