#76685E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #76685e when a design needs a grounded background that does not shout. This muted brown sits close to grey, with warm orange undertones that read dusty instead of rich. White text passes AA contrast on it at about 5.4:1, so it holds up as a dark UI surface. Pair it with cream or muted teal to keep it from turning muddy.
Questions about #76685e
What is #76685e in RGB, HSL and CMYK?
In RGB, #76685e is rgb(118, 104, 94), in HSL hsl(25, 11%, 42%) and in CMYK 0%, 12%, 20%, 54%.
What text color works best on #76685e?
White text reads best on #76685e, with a contrast ratio of about 5.4:1. That clears the WCAG AA threshold of 4.5:1, so small body text stays readable. Dark text on this shade falls short, so keep light text on top.
What colors pair well with #76685e?
Cream, muted sage, and dusty teal all flatter #76685e without fighting its muted warmth. A deep navy also works when you want contrast that stays subdued. Bright saturated colors tend to make it look muddy.
Is #76685e readable on white or black?
#76685e has a 5.36:1 contrast ratio on white and 3.91: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.