#7A7C7C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Grey at its most practical. #7a7c7c carries almost no saturation, so it reads as a calm, neutral supporting tone in UI chrome, typography, and minimal layouts. Just know it can look flat next to pure white. Black text on it hits about 5.0:1 contrast, enough for AA body copy. The hex code #7a7c7c works best as your 30% shade, not the star.
Questions about #7a7c7c
What is #7a7c7c in RGB, HSL and CMYK?
In RGB, #7a7c7c is rgb(122, 124, 124), in HSL hsl(180, 1%, 48%) and in CMYK 2%, 0%, 0%, 51%.
What colors pair well with #7a7c7c?
Warm accents like terracotta or burgundy keep this neutral grey from reading flat, while deep navy gives it a calmer, more corporate feel. Avoid pairing it with pale neutrals only, since low contrast between them washes both out.
Is #7a7c7c readable on white or black?
#7a7c7c has a 4.19:1 contrast ratio on white and 5.00: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.