#6D6A6A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy grey creates a stable, neutral base for modern UI and minimal branding. Because white text maintains a strong 5.4:1 contrast ratio against it, #6d6a6a works well for interface backgrounds where readability is priority. Pair this hex code with warm accents like terracotta or ochre to keep the overall design from looking washed out. It serves as a reliable, grounded choice for professional layouts.
Questions about #6d6a6a
What is #6d6a6a in RGB, HSL and CMYK?
In RGB, #6d6a6a is rgb(109, 106, 106), in HSL hsl(0, 1%, 42%) and in CMYK 0%, 3%, 3%, 57%.
Does #6d6a6a work well for interface text?
#6d6a6a is generally too light for body text on white backgrounds, failing standard accessibility ratios. Use it instead for secondary interface elements, subtle borders, or background fills where you need a muted, non-distracting presence that stays professional and clean.
What colors pair best with #6d6a6a?
This ashy grey thrives when paired with high-contrast, earthy accents like terracotta or deep ochre to break its inherent flatness. Using these warmer tones prevents the grey from looking washed out while keeping your overall design grounded and readable.
Is #6d6a6a readable on white or black?
#6d6a6a has a 5.35:1 contrast ratio on white and 3.91:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.