#3E4135 Hex Color

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

Hex color #3e4135 graphic
#3e4135 is a dark, desaturated olive with significant grey undertones. It creates a moody, serious atmosphere that works well as a background for high-contrast UI elements. Because it offers strong readability with white text, sitting at a 10.4:1 contrast ratio, it serves as an effective, modern alternative to black for text-heavy layouts. Use this hex code sparingly to maintain an understated, professional aesthetic.

Questions about #3e4135

What is #3e4135 in RGB, HSL and CMYK?
In RGB, #3e4135 is rgb(62, 65, 53), in HSL hsl(75, 10%, 23%) and in CMYK 5%, 0%, 18%, 75%.
What colors pair well with #3e4135?
This shade pairs well with soft neutrals like cream or sand, which lift the heavy, grey-green tone without overwhelming it. You can also ground the palette by adding accents of charcoal for a serious, highly legible, and professional look.
How should I use #3e4135 in UI design?
Use #3e4135 when you need an understated, serious background that maintains high readability for white text. It functions best as a modern, softer alternative to pure black, preventing eye strain while keeping a clean and professional aesthetic for text-heavy layouts.
Is #3e4135 readable on white or black?
#3e4135 has a 10.43:1 contrast ratio on white and 2.01: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.