#224F32 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated green carries a moody and serious weight. Because it lacks brightness, it works best as a grounding base for dark mode interfaces or organic branding. White text is highly readable against this shade, making it a reliable choice for accessible body copy. The hex code for this color is #224f32. Pair it with soft creams or warm grays to prevent the palette from feeling too heavy.
Questions about #224f32
What is #224f32 in RGB, HSL and CMYK?
In RGB, #224f32 is rgb(34, 79, 50), in HSL hsl(141, 40%, 22%) and in CMYK 57%, 0%, 37%, 69%.
Which accent colors pair best with #224f32?
This deep green creates a balanced, sophisticated contrast when paired with creams or warm light-grays. These softer, neutral tones prevent the intense, low-brightness weight of #224f32 from making your interface feel too closed-in or muddy.
Is #224f32 a good choice for text-heavy interfaces?
Yes, #224f32 serves as a highly readable, accessible background color for white or off-white text. Because it lacks saturation and brightness, it provides a stable, calming surface that reduces eye strain compared to pure black backgrounds.
Is #224f32 readable on white or black?
#224f32 has a 9.40:1 contrast ratio on white and 2.23: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.