#684200 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deeply unsaturated, dark brown feels heavy and serious. Because #684200 is so low in lightness, it works best as a primary branding element or a grounding background in moody design palettes. Pair it with warm, creamy off-whites to maintain visual balance. The hex code for this color is #684200. With an 8.9:1 contrast ratio against white text, it ensures excellent legibility for small body copy.
Questions about #684200
What is #684200 in RGB, HSL and CMYK?
In RGB, #684200 is rgb(104, 66, 0), in HSL hsl(38, 100%, 20%) and in CMYK 0%, 37%, 100%, 59%.
Why is #684200 effective for UI design?
This shade serves as a sophisticated alternative to black, providing high legibility and a grounded, tactile feel when paired with soft cream or off-white tones. It reduces visual strain in interfaces by softening the harsh contrast typically associated with pure black text.
How does #684200 impact a brand's visual identity?
The deep saturation of #684200 conveys stability and seriousness, making it ideal for luxury or organic brands that need to signal permanence. It grounds vibrant color palettes, preventing designs from feeling too chaotic or fleeting.
Is #684200 readable on white or black?
#684200 has a 8.86:1 contrast ratio on white and 2.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 is too faint for text. Try other pairs in the contrast checker.