#2E1503 Hex Color

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

Hex color #2e1503 graphic
This near-black brown carries a grounded, serious weight that works best as a moody background or a dark base for high-contrast typography. Because it is so desaturated and dim, it can feel muddy if paired with other dark tones. Use the hex code #2e1503 to anchor brighter accents or soft creams, which pop clearly against its darkness. White text remains legible here for readable UI designs.

Questions about #2e1503

What is #2e1503 in RGB, HSL and CMYK?
In RGB, #2e1503 is rgb(46, 21, 3), in HSL hsl(25, 88%, 10%) and in CMYK 0%, 54%, 93%, 82%.
How should I use #2e1503 in web design?
#2e1503 works best as a primary dark background or a heavy accent color that anchors brighter elements. Because it is highly desaturated, it provides a stable, serious base that makes white or cream-colored text highly legible for modern interfaces.
What colors pair well with #2e1503?
Pair #2e1503 with soft creams, muted gold, or light sand tones to create contrast without overwhelming the eye. Avoid pairing it with other dark, muddy hues, as they may cause the layout to lose definition and visual clarity.
Is #2e1503 readable on white or black?
#2e1503 has a 17.14:1 contrast ratio on white and 1.22: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.