#707463 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #707463 graphic
#707463 acts as a muted, dusty bridge between yellow and grey. This ashy tone works best for UI backgrounds or secondary elements where you need a calm, understated base. Because it is dark, white text reads clearly against it, meeting accessibility standards with a 4.8:1 contrast ratio. Avoid using it as a primary highlight, as the shade can feel too desaturated for active buttons.

Questions about #707463

What is #707463 in RGB, HSL and CMYK?
In RGB, #707463 is rgb(112, 116, 99), in HSL hsl(74, 8%, 42%) and in CMYK 3%, 0%, 15%, 55%.
Is #707463 a suitable background for white text?
#707463 provides enough contrast against white text to meet accessibility standards with a 4.8:1 ratio. This makes it a reliable choice for UI backgrounds where you need to balance a professional, muted aesthetic with actual readability for your users.
How can I use #707463 in a color palette?
This ashy shade acts as a neutral bridge that works well when paired with deep navy or warmer earthy tones. Avoid using it as a primary highlight color, as it is too desaturated to draw attention to call-to-action buttons effectively.
Is #707463 readable on white or black?
#707463 has a 4.80:1 contrast ratio on white and 4.36: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.