#221E2B Hex Color

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

Hex color #221e2b graphic
This dusky, inky violet sits right on the edge of black. It feels serious and grounded, making it an excellent base for dark mode interfaces. Because #221e2b is so dark, white text remains highly readable against it. Use this hex code as a background to provide structure, or pair it with muted metallics to create a sense of mystery and luxury in branding.

Questions about #221e2b

What is #221e2b in RGB, HSL and CMYK?
In RGB, #221e2b is rgb(34, 30, 43), in HSL hsl(258, 18%, 14%) and in CMYK 21%, 30%, 0%, 83%.
How does #221e2b perform as a background color for UI design?
#221e2b creates a sophisticated, grounded alternative to pure black in dark mode interfaces. Because it is so dark, white text remains highly readable against it while maintaining a softer, more intentional aesthetic that feels less harsh on the eyes.
Which color combinations work best with #221e2b?
Pair #221e2b with metallic tones like gold or silver to emphasize its luxury and mystery. For a balanced, professional UI, it also works well when accented by muted teal or soft lavender highlights to create subtle depth.
Is #221e2b readable on white or black?
#221e2b has a 16.29:1 contrast ratio on white and 1.28: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.