#22382F Hex Color

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

Hex color #22382f graphic
A dark, dusty teal with significant grey saturation, #22382f offers a sophisticated and moody foundation for minimalist interfaces. Because it sits on the dimmer side of the spectrum, it performs best as a full-screen background where white text maintains high legibility. Use this hex code to anchor tech or wellness branding when standard black feels too harsh or stark for the design.

Questions about #22382f

What is #22382f in RGB, HSL and CMYK?
In RGB, #22382f is rgb(34, 56, 47), in HSL hsl(155, 24%, 18%) and in CMYK 39%, 0%, 16%, 78%.
Why does #22382f work better than black for UI backgrounds?
#22382f provides a softer visual weight than pure black, reducing eye strain in long-form reading environments. It creates a high-contrast foundation for white text while maintaining a more organic, grounded feeling than standard dark gray or black.
What colors pair best with #22382f for branding?
This deep teal pairs beautifully with warm, muted neutrals like beige or taupe to soften the overall palette. For a sharper, tech-focused look, use it alongside bright copper or muted gold accents to add necessary warmth.
Is #22382f readable on white or black?
#22382f has a 12.53:1 contrast ratio on white and 1.67: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.