#626363 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone grey feels serious and restrained, acting as a reliable, muted foundation for professional interfaces. It sits firmly in neutral territory, making it an excellent choice for backgrounds where you need contrast without harshness. Pair #626363 with vibrant accent colors to create visual interest. Because it maintains enough depth for readability, it is a stable, professional hex code for long-form text.
Questions about #626363
What is #626363 in RGB, HSL and CMYK?
In RGB, #626363 is rgb(98, 99, 99), in HSL hsl(180, 1%, 39%) and in CMYK 1%, 0%, 0%, 61%.
Where should I use #626363 in a professional layout?
#626363 functions best as a background neutral or a secondary text color where you need to maintain high readability without the harshness of pure black. Its balanced mid-tone depth makes it ideal for soft UI elements, borders, or muted sidebars.
What colors pair well with #626363?
Because it is a stable neutral, #626363 works effectively when grounded by vibrant accent colors. It looks particularly sophisticated when paired with a bold navy for deep contrast or a warm terracotta to add a modern, grounded touch to the palette.
Is #626363 readable on white or black?
#626363 has a 6.02:1 contrast ratio on white and 3.48: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.