#686371 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Almost grey with a dusty purple undertone, #686371 is dark and heavily muted. It reads gloomy in a useful way, holding white text at about 5.8:1 contrast. Better as a supporting tone or UI background than a hero color, it flatters burgundy and muted gold where plain gray falls flat.
Questions about #686371
What is #686371 in RGB, HSL and CMYK?
In RGB, #686371 is rgb(104, 99, 113), in HSL hsl(261, 7%, 42%) and in CMYK 8%, 12%, 0%, 56%.
What text color works best on #686371?
White text reads most clearly on #686371, at roughly 5.8:1 contrast. That clears the WCAG AA threshold of 4.5:1, so small body copy stays readable on top of it.
What pairs well with #686371?
Burgundy and muted gold both look richer against #686371 than the usual cream pairings. Keep it as a supporting tone, since it can read muddy across large areas.
Is #686371 readable on white or black?
#686371 has a 5.81:1 contrast ratio on white and 3.61: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.