Noble Black
A dense, sophisticated alternative to black
Noble Black is a dense, near-black shade that functions as a softer alternative to pure black in UI design. Its low saturation keeps interfaces grounded without appearing harsh, making it a reliable choice for dark mode backgrounds. Because it maintains high contrast ratios with white text, #202124 works well for dense blocks of body copy or minimal layouts where readability is the primary goal.
About Noble Black
Charcoal gone cold in an unlit room
What does noble black mean?
This shade often carries the quiet weight of nightfall, shadow, and plain, unpolished stone. Its near-total darkness and faint grey cast give it a heavy, settled stillness with no warmth to lean on.
Where you see noble black
- cast iron pans
- slate roofs
- charred wood
- dark mode screens
- asphalt at dusk
- graphite pencil strokes
What it works for
Use it as a deep background where light text and brighter colors need a steady, low-glare base.
What colors go with noble black?
Misty Rose #ffe4e1The pale pink glow reads warmer against a grey so dark and cool.Sage #9caf88Muted green keeps the same dusty tone while lifting the darkness.Marigold #fcc006This grey swallows light, so a saturated yellow cuts through cleanly.Powder Blue #b0e0e6Both lean cool, and the pale blue thins out the heavy dark.Terracotta #e2725bBaked orange warmth gives the cold grey something to push against.
Questions about Noble Black
What is the hex code for Noble Black?
Noble Black is #202124. In RGB that is rgb(32, 33, 36), in HSL hsl(225, 6%, 13%) and in CMYK 11%, 8%, 0%, 86%.
Is Noble Black #202124 a true black or a gray?
Noble Black #202124 functions as a desaturated, near-black shade rather than a true neutral black. It contains subtle blue undertones that soften its appearance on screens, making it a professional choice for reducing eye strain in dark mode designs compared to pure, harsh black.
Is Noble Black readable on white or black?
Noble Black has a 16.09:1 contrast ratio on white and 1.30: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.