#285132 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, shadowy green, #285132 carries a serious, grounded weight. Because of its extreme desaturation and dark value, it works best as a primary background color rather than a small accent. Pair it with soft cream or warm metallics to prevent it from looking too muddy. This hex code offers excellent contrast for white text, making it a reliable choice for readable, professional UI designs.
Questions about #285132
What is #285132 in RGB, HSL and CMYK?
In RGB, #285132 is rgb(40, 81, 50), in HSL hsl(135, 34%, 24%) and in CMYK 51%, 0%, 38%, 68%.
How should #285132 be used in a design layout?
Given its extreme desaturation and dark value, #285132 functions best as a foundational background rather than a small accent. It provides a stable, professional anchor for UI designs that need to support crisp, high-contrast white typography.
What colors balance the weight of #285132?
To prevent #285132 from feeling muddy, pair it with soft, warm neutrals like a creamy off-white or metallic accents like brushed gold. These lighter, warmer tones lift the shadowy green, adding necessary brightness and visual interest.
Is #285132 readable on white or black?
#285132 has a 9.07:1 contrast ratio on white and 2.31: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.