#222C0E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dim, dusty olive with strong earthy undertones, #222c0e offers a moody, serious foundation for dark UI designs. Because it is highly unsaturated, this hex code works best as a background rather than an accent, providing a stable contrast for white text. It avoids the harshness of black while retaining depth, making it a reliable choice for nature-inspired palettes or understated, professional branding.
Questions about #222c0e
What is #222c0e in RGB, HSL and CMYK?
In RGB, #222c0e is rgb(34, 44, 14), in HSL hsl(80, 52%, 11%) and in CMYK 23%, 0%, 68%, 83%. Browse more shades of green with names and hex codes.
How should I use #222c0e in a user interface?
#222c0e serves best as a sophisticated background color, offering a softer and more natural feel than pure black. It provides excellent contrast for white or off-white text, making it ideal for minimalist or nature-focused website designs.
What colors pair well with #222c0e?
Because of its earthy and muted tone, #222c0e pairs beautifully with cream for a soft contrast or terracotta for a balanced, natural warmth. These combinations capitalize on the olive undertones to create a cohesive and grounded visual palette.
Is #222c0e readable on white or black?
#222c0e has a 14.63:1 contrast ratio on white and 1.43: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.