#784C56 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dark pink with brown undertones, #784c56 sits closer to mauve than rose. Its low saturation reads ashy and calm, which suits supporting roles and moody backgrounds more than headline moments. Pair it with sage or deep teal to keep things grounded. White text on this hex code reaches about 7.1:1 contrast, so it passes AA for body copy.
Questions about #784c56
What is #784c56 in RGB, HSL and CMYK?
In RGB, #784c56 is rgb(120, 76, 86), in HSL hsl(346, 22%, 38%) and in CMYK 0%, 37%, 28%, 53%.
What colors pair well with #784c56?
Sage and dusty teal flatter #784c56 without breaking its muted mood. Cream works for lighter accents, and white text gives the strongest contrast at about 7.1:1.
Can #784c56 work as a background color?
Yes. White text on #784c56 reaches roughly 7.1:1 contrast, which clears WCAG AA for body text. Keep type light, since dark text will not read well on it.
Is #784c56 readable on white or black?
#784c56 has a 7.07:1 contrast ratio on white and 2.96: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 is too faint for text. Try other pairs in the contrast checker.