#212416 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This near-black shade carries heavy, ashy yellow undertones, creating a grounded and serious mood. The hex code #212416 works best as a dark, atmospheric background where black feels too harsh. It pairs unexpectedly well with burnt orange or metallic gold accents. While legible for small text due to high contrast ratios, use this dusty hue sparingly to maintain a clean, intentional interface design.
Questions about #212416
What is #212416 in RGB, HSL and CMYK?
In RGB, #212416 is rgb(33, 36, 22), in HSL hsl(73, 24%, 11%) and in CMYK 8%, 0%, 39%, 86%. Browse more shades of black with names and hex codes.
How should I use #212416 in UI design?
#212416 functions best as a modern alternative to pure black for backgrounds, footers, or primary typography. Its ashy yellow undertone creates a more organic, sophisticated look than standard carbon, making it ideal for high-end digital branding or minimalist portfolio interfaces.
What colors pair well with #212416?
This color creates high-impact contrast when paired with vibrant warm tones like burnt orange or metallic gold. For a more muted, professional palette, try combining it with neutral stone or soft off-white shades to maintain readability.
Is #212416 readable on white or black?
#212416 has a 15.80:1 contrast ratio on white and 1.32: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.