Café Noir
A deep and moody roasted coffee brown
Café Noir is a dark, dusty brown with low saturation that anchors a layout. Because of its intense darkness, #4b3621 functions as a moody background for organic or vintage branding. Pair it with cream text for high legibility, as white reads clearly against this shade. Avoid using this hex code for fine details where it might appear muddy alongside other dark, unsaturated tones.
Questions about Café Noir
What is the hex code for Café Noir?
Café Noir is #4b3621. In RGB that is rgb(75, 54, 33), in HSL hsl(30, 39%, 21%) and in CMYK 0%, 28%, 56%, 71%.
What colors pair well with Café Noir #4b3621?
How should I use #4b3621 in web design?
Use Café Noir as a grounding background color to establish a vintage or organic aesthetic in your layout. Because it is so dark, avoid using this hex code for fine text or intricate details, as readability drops significantly on standard screens.
Is Café Noir readable on white or black?
Café Noir has a 11.35:1 contrast ratio on white and 1.84: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.