#3F3B20 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3f3b20 is an extremely dark, dusty olive that leans into brownish, desaturated yellow. Its low chroma creates a moody, serious tone perfect for grounding organic designs. While it can appear muddy in large blocks, it serves well as a sophisticated accent color. Pair it with crisp white text, as the 11.3:1 contrast ratio ensures excellent readability, unlike brighter yellows that wash out against lighter backgrounds.
Questions about #3f3b20
What is #3f3b20 in RGB, HSL and CMYK?
In RGB, #3f3b20 is rgb(63, 59, 32), in HSL hsl(52, 33%, 19%) and in CMYK 0%, 6%, 49%, 75%.
How can I effectively use #3f3b20 in interface design?
#3f3b20 acts as a stable, earthy anchor that works best for borders, subtle footer backgrounds, or typography against light surfaces. Pair it with crisp white text to maintain high readability, as its low chroma often clashes with overly vibrant accent colors.
Does #3f3b20 read as a warm or cool color?
#3f3b20 is decidedly warm due to its strong brownish and yellow foundation. While it functions as a neutral, its dusty, olive quality brings a natural warmth to clinical or sterile designs, helping to soften high-contrast layouts without overwhelming the visual hierarchy.
Is #3f3b20 readable on white or black?
#3f3b20 has a 11.30:1 contrast ratio on white and 1.85: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.