#678A8F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#678a8f is a dusty, unsaturated cyan with a matte, ashy finish. Because it leans gray, this color works best as a neutral background rather than an accent, providing a balanced, professional base for technology or UI design. Pair it with soft, warm creams to keep the palette from feeling too chilly. This hex code offers enough contrast to support black text for readable body copy.
Questions about #678a8f
What is #678a8f in RGB, HSL and CMYK?
In RGB, #678a8f is rgb(103, 138, 143), in HSL hsl(188, 16%, 48%) and in CMYK 28%, 3%, 0%, 44%.
How should I use #678a8f in UI design?
#678a8f functions best as a professional, neutral background rather than a vibrant accent. Its inherent gray undertone provides excellent readability for body copy while maintaining a modern, understated aesthetic that feels cleaner than standard gray or blue.
Which colors pair well with #678a8f?
Warm creams or soft off-whites prevent #678a8f from feeling too chilly in a color scheme. For stronger contrast, consider pairing it with a deep charcoal for text or a muted terracotta to add a subtle, grounded warmth to the palette.
Is #678a8f readable on white or black?
#678a8f has a 3.74:1 contrast ratio on white and 5.60: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.