#3B3F27 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated olive relies on heavy yellow undertones to create an earthy, somber mood. Because it is quite muted, the hex code #3b3f27 works best as a moody background or a subtle base rather than a bright accent. It pairs unexpectedly well with cream or dusty rose tones. White text remains highly readable over this shade, making it a reliable choice for dark-themed UI components.
Questions about #3b3f27
What is #3b3f27 in RGB, HSL and CMYK?
In RGB, #3b3f27 is rgb(59, 63, 39), in HSL hsl(70, 24%, 20%) and in CMYK 6%, 0%, 38%, 75%.
What makes #3b3f27 effective for UI design?
The dark and desaturated nature of #3b3f27 allows white text to pop clearly while maintaining a sophisticated, low-glare appearance. It provides a more grounded alternative to standard charcoal or black backgrounds, especially for branding that requires an organic, earthy aesthetic.
Which colors pair well with #3b3f27?
Because #3b3f27 carries strong yellow undertones, it creates natural harmony when paired with warm neutrals like cream or muted terracotta. Introduce softer tones such as dusty rose to balance the somber, heavy weight of this dark olive.
Is #3b3f27 readable on white or black?
#3b3f27 has a 10.90:1 contrast ratio on white and 1.92: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.