#684736 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and muted, #684736 is a warm brown with dusty, slightly ashy undertones. Its low saturation gives layouts a serious, grounded mood, making it effective for backgrounds, coffee and chocolate branding, vintage packaging, or artisan products. Use it as a dominant base with warm cream accents; white text reaches about 8.3:1 contrast. The hex code is #684736.
Questions about #684736
What is #684736 in RGB, HSL and CMYK?
In RGB, #684736 is rgb(104, 71, 54), in HSL hsl(20, 32%, 31%) and in CMYK 0%, 32%, 48%, 59%.
Is #684736 a warm or cool brown?
#684736 reads as a warm brown because its red and yellow balance outweigh its muted blue content, while dusty, ashy undertones keep the warmth restrained rather than rich or reddish. It creates a quiet, grounded feel in layouts.
Which colors pair well with #684736?
#684736 pairs well with warm cream, muted terracotta, dusty pink, and soft olive, preserving its earthy character while adding contrast without making the overall scheme feel overly bright or busy. For a quieter palette, use lighter neutrals.
Is #684736 readable on white or black?
#684736 has a 8.25:1 contrast ratio on white and 2.54: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.