#646C6C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, mid-tone grey provides a steady, professional foundation for interfaces and minimalist design. Because it sits comfortably in the middle range of lightness, white text offers excellent legibility at a 5.4:1 contrast ratio. Use the hex code #646c6c as a reliable secondary background color, or pair it with warm terracotta accents to ground your layout without letting the composition feel flat or static.
Questions about #646c6c
What is #646c6c in RGB, HSL and CMYK?
In RGB, #646c6c is rgb(100, 108, 108), in HSL hsl(180, 4%, 41%) and in CMYK 7%, 0%, 0%, 58%. Browse more shades of gray with names and hex codes.
What design styles work best with #646c6c?
This mid-tone grey thrives in minimalist and professional web interfaces where readability remains the priority. Because it sits at a neutral lightness, it acts as a perfect secondary background that allows bolder terracotta or vibrant accent colors to stand out effectively.
Is #646c6c readable on white or black?
#646c6c has a 5.37:1 contrast ratio on white and 3.90: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.