#1B1A23 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This near-black violet feels extremely grounded and serious. Because #1b1a23 is so dark, it works best as a moody background or a heavy base layer in UI design. It provides excellent contrast for white text, which pops clearly against its dusty, muted surface. Avoid using this hex code for fine details, as it can look muddy or flat without brighter accents to lift it.
Questions about #1b1a23
What is #1b1a23 in RGB, HSL and CMYK?
In RGB, #1b1a23 is rgb(27, 26, 35), in HSL hsl(247, 15%, 12%) and in CMYK 23%, 26%, 0%, 86%.
How should #1b1a23 be used in interface design?
#1b1a23 functions best as a sophisticated, high-contrast background or a heavy base layer in UI design. Because of its extreme depth, it provides excellent readability for white or light-toned text, creating a sleek and grounded visual hierarchy.
What colors pair well with the deep tone of #1b1a23?
Bright accents and high-contrast whites work best to lift #1b1a23 from appearing too muddy or flat. Use crisp whites or vibrant, saturated highlights to create balance, as these elements prevent the color from feeling too heavy or unapproachable.
Is #1b1a23 readable on white or black?
#1b1a23 has a 17.23:1 contrast ratio on white and 1.21: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.