#7E7C84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, purplish-grey tone feels muted and controlled. Because it lacks saturation, #7e7c84 works best as a supporting neutral rather than a dominant base. It offers enough contrast for legible black body text, making it a reliable choice for UI sections that need to feel sophisticated but soft. Pair it with cream or warm off-whites to prevent the color from appearing too muddy.
Questions about #7e7c84
What is #7e7c84 in RGB, HSL and CMYK?
In RGB, #7e7c84 is rgb(126, 124, 132), in HSL hsl(255, 3%, 50%) and in CMYK 5%, 6%, 0%, 48%.
What is the best way to use #7e7c84 in a design?
Use #7e7c84 as a supporting neutral element in user interfaces, such as sidebars or subtle container backgrounds. Because it lacks high saturation, it works perfectly to ground a page without distracting from the primary content or demanding too much visual attention.
Which colors pair best with #7e7c84 to avoid a muddy look?
Pair #7e7c84 with warm, creamy off-whites or soft beiges to balance its cool, purplish undertones and prevent the overall palette from appearing flat. Avoid mixing it with dark, earthy tones that might cause the grey to lose its distinct, sophisticated character.
Is #7e7c84 readable on white or black?
#7e7c84 has a 4.11:1 contrast ratio on white and 5.10: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.