#1F4331 Hex Color

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

Hex color #1f4331 graphic
#1f4331 is a heavily desaturated, dark green that approaches black. This dim tone offers strong stability and works well as a grounding background for high-contrast UI designs. Use it sparingly or pair it with warm creams to prevent a muddy appearance on larger screens. The hex code for this shade is #1f4331. White text remains perfectly legible on this dark surface.

Questions about #1f4331

What is #1f4331 in RGB, HSL and CMYK?
In RGB, #1f4331 is rgb(31, 67, 49), in HSL hsl(150, 37%, 19%) and in CMYK 54%, 0%, 27%, 74%.
What colors pair well with #1f4331 for a professional palette?
This deep green works best when balanced against warm, light neutrals like cream or beige, which prevent the design from feeling muddy. For a more modern, high-contrast look, pair it with soft, muted metallic tones or a crisp, warm off-white.
Is #1f4331 a good choice for text backgrounds in UI design?
#1f4331 is an excellent background choice for accessibility because its near-black depth provides enough contrast for white or light-colored text. Ensure your typography is large enough or bold enough to maintain readability against this dark, muted surface.
Is #1f4331 readable on white or black?
#1f4331 has a 11.02:1 contrast ratio on white and 1.90: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.