#3F341D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3f341d graphic
This extremely dark and desaturated olive-yellow feels heavy and serious. Because #3f341d is so muted, it risks looking muddy if used across large, flat surfaces. It performs best as a moody background or a grounding accent in earthy palettes. White text provides a sharp, highly legible contrast against this shade, making it a viable choice for distinct, readable UI elements.

Questions about #3f341d

What is #3f341d in RGB, HSL and CMYK?
In RGB, #3f341d is rgb(63, 52, 29), in HSL hsl(41, 37%, 18%) and in CMYK 0%, 17%, 54%, 75%.
What colors pair well with #3f341d in a design?
Because #3f341d is such a dark, muted olive, it works best when balanced by lighter, creamy neutrals like ivory or soft, dusty sage. Avoid pairing it with high-saturation neons, as they will make the olive appear muddy rather than grounding.
How does #3f341d perform in digital user interfaces?
This color acts as a sophisticated alternative to pure black for text or footer backgrounds. When using #3f341d as a background, ensure your foreground text is a high-contrast off-white to maintain readability standards and prevent the UI from feeling claustrophobic.
Is #3f341d readable on white or black?
#3f341d has a 12.20:1 contrast ratio on white and 1.72: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.