#672A10 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#672a10 is a dim, unsaturated brown with a heavy, serious character. It works best as a moody background or a grounding anchor in dark interface designs. Pair it with soft cream or muted gold to cut its density. Because white text offers excellent readability against this shade, use it for bold typography or high-contrast UI elements where you need reliability and warmth.
Questions about #672a10
What is #672a10 in RGB, HSL and CMYK?
In RGB, #672a10 is rgb(103, 42, 16), in HSL hsl(18, 73%, 23%) and in CMYK 0%, 59%, 84%, 60%.
What colors pair well with #672a10 in a design layout?
Use soft creams or muted golds to balance the density of #672a10 without clashing. This deep brown also serves as an excellent anchor when paired with light sage or warm terracotta tones, creating a grounded and natural interface.
Is #672a10 suitable for text-heavy UI designs?
#672a10 performs exceptionally well as a background for white or off-white typography due to its high contrast potential. Avoid using this hex color for small body text, as its dark, unsaturated nature can cause readability issues at smaller font sizes.
Is #672a10 readable on white or black?
#672a10 has a 10.96:1 contrast ratio on white and 1.91: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.