#1F4A2D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted green carries a heavy, serious weight. Because it lacks brightness, #1f4a2d functions best as a dominant base or a grounding element in moody UI designs. It provides excellent contrast for white text, ensuring readability without the harshness of black. Pair it with soft cream or warm terracotta to soften its somber character and add visual interest to the hex code.
Questions about #1f4a2d
What is #1f4a2d in RGB, HSL and CMYK?
In RGB, #1f4a2d is rgb(31, 74, 45), in HSL hsl(140, 41%, 21%) and in CMYK 58%, 0%, 39%, 71%.
What colors pair effectively with #1f4a2d for UI design?
Warm neutrals like cream or soft terracotta bring balance to the somber weight of #1f4a2d. These pairings add necessary visual interest and warmth, preventing the deep green from appearing too cold or harsh in professional digital interfaces.
Is #1f4a2d suitable for text-heavy interface components?
Yes, #1f4a2d serves as an excellent, high-contrast background for white text because its dark saturation ensures legibility without the jarring intensity of pure black. Designers often prefer it to add a sophisticated, organic feel while maintaining strict accessibility standards on websites.
Is #1f4a2d readable on white or black?
#1f4a2d has a 10.11:1 contrast ratio on white and 2.07: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.