#222B33 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, near-black blue, #222b33 acts as a sophisticated alternative to standard grey backgrounds. Its low saturation keeps it from looking muddy, making it a reliable base for corporate or tech interfaces. Because it offers strong contrast with white text, it works well for UI designs requiring readability. The hex code for this serious, dim tone is #222b33.
Questions about #222b33
What is #222b33 in RGB, HSL and CMYK?
In RGB, #222b33 is rgb(34, 43, 51), in HSL hsl(208, 20%, 17%) and in CMYK 33%, 16%, 0%, 80%.
Why use #222b33 instead of pure black for UI backgrounds?
#222b33 creates a softer, more professional visual hierarchy that reduces eye strain while maintaining a high-contrast foundation. It feels less aggressive than true black, making it an ideal choice for modern dark-mode interfaces, coding editors, or sleek corporate web branding.
What colors pair well with #222b33?
Is #222b33 readable on white or black?
#222b33 has a 14.37:1 contrast ratio on white and 1.46: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.