#311B13 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Extremely dark and desaturated, #311b13 functions best as a moody, grounding base rather than an accent. This shade carries an intense, serious weight that works well for high-end organic packaging or minimalist UI backgrounds. Pair it with soft cream or muted gold to cut the gloom. Because white text offers excellent 16.2:1 contrast against this hex code, it remains highly readable even in dark mode interfaces.
Questions about #311b13
What is #311b13 in RGB, HSL and CMYK?
In RGB, #311b13 is rgb(49, 27, 19), in HSL hsl(16, 44%, 13%) and in CMYK 0%, 45%, 61%, 81%.
How should #311b13 be used in UI design?
Use #311b13 as a grounding base for minimalist interfaces where high contrast is vital. Its dark, serious tone offers excellent readability for white typography, making it a sophisticated alternative to pure black in modern dark mode layouts.
What colors pair well with #311b13?
Pair #311b13 with soft cream or muted gold to effectively balance its intense, somber weight. These lighter, warmer tones cut the gloom of the dark brown, helping to create a luxurious and natural aesthetic for branding or digital layouts.
Is #311b13 readable on white or black?
#311b13 has a 16.19:1 contrast ratio on white and 1.29: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.