#646564 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, neutral grey functions as a steady base for minimal design systems. Because #646564 lacks distinct saturation, it provides a grounded backdrop for high-contrast typography. Use it for UI interfaces where clarity is essential. With a contrast ratio of 5.9:1 against white, it remains legible and practical. The hex code #646564 avoids the sterile feel of pure black, offering a softer, more professional alternative.
Questions about #646564
What is #646564 in RGB, HSL and CMYK?
In RGB, #646564 is rgb(100, 101, 100), in HSL hsl(120, 0%, 39%) and in CMYK 1%, 0%, 1%, 60%. Browse more shades of gray with names and hex codes.
Is #646564 suitable for text on a white background?
Yes, #646564 provides a strong contrast ratio of 5.9:1 against pure white, making it fully compliant with WCAG AA accessibility standards for readable body text. It is a safer, softer choice than pure black for long-form reading.
What colors pair best with #646564?
Because #646564 is a true neutral, it balances vibrant accent colors perfectly. Use it alongside a saturated navy to create a corporate mood or pair it with a muted terracotta to add subtle, sophisticated warmth to a minimalist interface.
Is #646564 readable on white or black?
#646564 has a 5.85:1 contrast ratio on white and 3.58: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.