#2E2A1C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #2e2a1c defines a dim, ashy yellow that leans heavily into dark olive. It functions best as a moody background color rather than a primary accent. You can use it as a high-contrast base for white typography, as the 14.3:1 contrast ratio ensures excellent readability. Avoid using this shade for fine details, as its murky saturation can easily look muddy on screen.
Questions about #2e2a1c
What is #2e2a1c in RGB, HSL and CMYK?
In RGB, #2e2a1c is rgb(46, 42, 28), in HSL hsl(47, 24%, 15%) and in CMYK 0%, 9%, 39%, 82%. Browse more shades of black with names and hex codes.
How should I use #2e2a1c in UI design?
#2e2a1c performs best as a full-page background or a dark container element rather than for small text or fine details. Because its saturation is quite low, it can appear muddy in smaller UI components, so reserve it for large blocks of space where white or cream text can provide necessary readability.
What colors pair well with the dark olive tone of #2e2a1c?
This shade thrives when paired with high-contrast neutrals like crisp off-white or cream to keep the design feeling intentional rather than murky. You can also introduce muted accents like burnt orange or deep terracotta to add warmth without overpowering the desaturated base.
Is #2e2a1c readable on white or black?
#2e2a1c has a 14.34:1 contrast ratio on white and 1.46: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.