#682E18 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, unsaturated brown feels solid and grounded. Because of its dark, moody nature, #682e18 works best as a supporting tone or accent rather than a full background. It provides excellent contrast for white text, which ensures readability for UI elements. Pair this hex code with soft creams or muted sage greens to balance its weight and prevent it from appearing too heavy or flat.
Questions about #682e18
What is #682e18 in RGB, HSL and CMYK?
In RGB, #682e18 is rgb(104, 46, 24), in HSL hsl(17, 63%, 25%) and in CMYK 0%, 56%, 77%, 59%. Browse more shades of brown with names and hex codes.
What colors pair well with #682e18?
#682e18 works best when paired with softer, lighter tones to prevent the palette from feeling too heavy or claustrophobic. It creates a sophisticated, organic contrast when combined with cream or sage green for a balanced, natural aesthetic.
Is #682e18 suitable for body text?
While #682e18 is legible, it functions most effectively as an accent or header color rather than long-form body text. If you must use it for smaller text, ensure the background is a very light, high-contrast neutral to maintain WCAG readability standards.
Is #682e18 readable on white or black?
#682e18 has a 10.53:1 contrast ratio on white and 1.99: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.