#312A23 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
What colors pair well with #312a23?
Warm cream provides the clearest, most inviting contrast with #312a23, while terracotta, muted gold, and soft beige add warmth without overwhelming its dusty brown base or competing with its quiet, ashy undertones.
Does #312a23 read as warm or cool?
#312a23 reads as a subdued warm brown, but its gray and ashy undertones soften that warmth and give it an almost-neutral appearance, so it feels grounded and dependable rather than rich, orange, or strongly earthy.
Is white text accessible on #312a23?
Yes, white text on #312a23 has a contrast ratio of about 14.1:1, comfortably exceeding WCAG AA and AAA thresholds for normal text and large text. It is a strong choice for readable headings, labels, and interface elements.
Where does #312a23 work well?
Use #312a23 as a dominant base for vintage branding, coffee packaging, editorial layouts, and moody backgrounds, especially when you want a serious, reliable mood with low visual noise and a slightly weathered feel.