#22332F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted teal is almost grey, functioning as a sophisticated alternative to pure black. Because of its high contrast against white text, the hex code #22332f excels as a grounding base for clean UI backgrounds or moody, minimalist branding. Use it sparingly, as its ashy depth can overwhelm smaller design elements if you do not balance it with lighter, sharper tones.
Questions about #22332f
What is #22332f in RGB, HSL and CMYK?
In RGB, #22332f is rgb(34, 51, 47), in HSL hsl(166, 20%, 17%) and in CMYK 33%, 0%, 8%, 80%.
How should I use #22332f in interface design?
Use #22332f as a replacement for pure black when you want a softer, more modern aesthetic that feels less jarring against white backgrounds. It works effectively for primary text or large surface areas where you need deep contrast without harsh visual tension.
Which colors pair well with #22332f?
This deep tone functions best when balanced by crisp, neutral tones or subtle metallic accents. Pair it with a light cream or warm beige to neutralize its coolness, or use it alongside soft terracotta to create a sophisticated, earthy color palette.
Is #22332f readable on white or black?
#22332f has a 13.26:1 contrast ratio on white and 1.58: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.