#685649 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty brown reads as muted and serious. Because it lacks vivid chroma, #685649 serves best as a supporting texture or a grounded background rather than a primary focal point. It pairs well with creams or soft golds to avoid looking too muddy. White text remains readable against this hex code, making it a reliable choice for high-contrast UI elements in minimalist or vintage-inspired branding.
Questions about #685649
What is #685649 in RGB, HSL and CMYK?
In RGB, #685649 is rgb(104, 86, 73), in HSL hsl(25, 18%, 35%) and in CMYK 0%, 17%, 30%, 59%. Browse more shades of gray with names and hex codes.
Does #685649 work well for interface design?
#685649 functions as a reliable, grounded choice for minimalist UI backgrounds because it offers excellent readability when paired with white or cream text. Avoid using it for small, critical details where high chroma is required to grab immediate user attention.
What color combinations complement #685649?
To balance the muted nature of #685649, pair it with soft creams or warm golds to prevent the overall design from feeling muddy. These light, neutral tones lift the darkness of the brown and add a refined, vintage-inspired polish to your color palette.
Is #685649 readable on white or black?
#685649 has a 6.96:1 contrast ratio on white and 3.01: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.