#7C8CA4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, ashy blue, #7c8ca4 carries a muted, unsaturated quality that reads as professional and restrained. It functions well as a grounding background element in tech or financial interfaces where clarity matters. Because black text maintains a high 6.1:1 contrast ratio against it, you can safely use this shade for standard body type. Pair it with crisp charcoal grays for a clean, modern look.
Questions about #7c8ca4
What is #7c8ca4 in RGB, HSL and CMYK?
In RGB, #7c8ca4 is rgb(124, 140, 164), in HSL hsl(216, 18%, 56%) and in CMYK 24%, 15%, 0%, 36%.
What colors pair well with #7c8ca4?
You can effectively anchor #7c8ca4 with crisp charcoal or deep slate grays to maintain a professional, high-contrast look. It also plays nicely with clean, cool off-whites, creating a balanced and readable interface for financial or technical dashboard designs.
Is #7c8ca4 suitable for interface body text?
This shade serves better as a background color than a text color because black text maintains a safe 6.1:1 contrast ratio against it. Using #7c8ca4 as your main interface field provides a calm, unsaturated backdrop that keeps the user focused on your content.
Is #7c8ca4 readable on white or black?
#7c8ca4 has a 3.41:1 contrast ratio on white and 6.14: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.