#1E222B Hex Color

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

Hex color #1e222b graphic
This desaturated, near-black blue sits heavily on the spectrum. Its low chroma creates a moody, serious atmosphere perfect for modern dark mode interfaces where black feels too harsh. The hex code #1e222b provides excellent contrast against crisp white text, making it a reliable base for dense data or dashboard layouts. Pair it with soft, muted teals to maintain a cohesive, professional palette.

Questions about #1e222b

What is #1e222b in RGB, HSL and CMYK?
In RGB, #1e222b is rgb(30, 34, 43), in HSL hsl(222, 18%, 14%) and in CMYK 30%, 21%, 0%, 83%.
Why use #1e222b instead of pure black in UI design?
Pure black can cause eye strain when paired with high-contrast text, whereas #1e222b provides a more comfortable viewing experience. This near-black blue maintains a serious, professional aesthetic while reducing visual fatigue for users in dark mode settings.
What colors pair best with #1e222b?
Soft, muted teals create a cohesive, professional palette, while crisp whites or off-whites ensure excellent readability. For an accent, consider subtle slate or cool gray tones to maintain the color's refined, understated mood without introducing distracting warmth.
Is #1e222b readable on white or black?
#1e222b has a 15.92:1 contrast ratio on white and 1.31: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.