#222048 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted indigo offers a somber, serious tone with a dusty finish. Because #222048 is highly unsaturated and very dark, it functions best as a sophisticated background for high-contrast typography. Pair it with crisp white text for excellent readability, as the 15.3:1 contrast ratio ensures accessibility. The hex code #222048 works well in corporate branding or moody, night-themed UI designs where black feels too harsh.
Questions about #222048
What is #222048 in RGB, HSL and CMYK?
In RGB, #222048 is rgb(34, 32, 72), in HSL hsl(243, 38%, 20%) and in CMYK 53%, 56%, 0%, 72%.
Why use #222048 instead of standard black for website backgrounds?
#222048 provides a softer, more sophisticated base that reduces eye strain while maintaining excellent readability for text. It feels less harsh than pure black, making it an ideal choice for night mode interfaces or professional branding that requires a deep, serious backdrop.
Which colors pair well with #222048 in a design palette?
Is #222048 readable on white or black?
#222048 has a 15.34:1 contrast ratio on white and 1.36: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.