#12122C Hex Color

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

Hex color #12122c graphic
This inky, desaturated indigo sits on the edge of black, providing a grounded base for moody digital interfaces. Because #12122c is so dark, it functions best as a dominant background rather than an accent. Pair it with soft, muted golds or pale creams to soften its inherent coldness. It provides excellent contrast for white typography, ensuring high readability for UI design projects.

Questions about #12122c

What is #12122c in RGB, HSL and CMYK?
In RGB, #12122c is rgb(18, 18, 44), in HSL hsl(240, 42%, 12%) and in CMYK 59%, 59%, 0%, 83%.
How can I effectively use #12122c in UI design?
#12122c functions best as a dominant dark background because it provides a softer, more sophisticated alternative to pure black. Use it with high-contrast white typography or cream accents to maintain excellent readability while keeping the interface mood grounded and modern.
Does #12122c lean warm or cool?
#12122c is a deeply cool, desaturated indigo that carries a sharp, crisp feeling. Because of its blue undertones, it feels colder than a standard neutral gray, making it ideal for tech-focused projects that require a sleek, professional atmosphere.
Is #12122c readable on white or black?
#12122c has a 18.28:1 contrast ratio on white and 1.14: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.