#1A222E Hex Color

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

Hex color #1a222e graphic
#1a222e is an inky, desaturated blue with heavy grey undertones. It functions as a sophisticated alternative to pure black for dark mode interfaces and moody web backgrounds. Because it maintains high contrast ratios against white text, it works well for readable UI components. The hex code for this dim, serious shade is #1a222e, and it pairs effectively with soft creams or vibrant accent colors.

Questions about #1a222e

What is #1a222e in RGB, HSL and CMYK?
In RGB, #1a222e is rgb(26, 34, 46), in HSL hsl(216, 28%, 14%) and in CMYK 43%, 26%, 0%, 82%.
Why use #1a222e instead of pure black for website backgrounds?
Using #1a222e provides a more sophisticated, softer visual experience than pure black, which can often feel too harsh or jarring on modern screens. It reduces eye strain while maintaining a high contrast ratio for white text and UI elements.
What accent colors pair well with #1a222e?
This deep blue works best with soft, creamy off-whites or vibrant, warm metallics like gold or copper for balance. These accents cut through the deep, desaturated base, creating a sense of luxury and focus in interface design.
Is #1a222e readable on white or black?
#1a222e has a 16.00: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.