#402700 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely dark brown is nearly black, offering a heavy and grounded feel. Because it sits at the edge of the color spectrum, use the hex code #402700 as a background for dark mode interfaces rather than for small text. It pairs well with cream or muted gold tones for an artisan aesthetic. White text reads clearly against #402700, ensuring your dark layouts remain legible.
Questions about #402700
What is #402700 in RGB, HSL and CMYK?
In RGB, #402700 is rgb(64, 39, 0), in HSL hsl(37, 100%, 13%) and in CMYK 0%, 39%, 100%, 75%.
How should I use #402700 in my UI designs?
#402700 functions best as a dark mode background color rather than a primary text color due to its extreme darkness. Use it to create a sophisticated, high-contrast base that allows lighter text or cream accents to pop clearly against the deep surface.
What colors pair well with #402700?
This deep brown pairs beautifully with cream or muted gold tones to achieve an artisan, organic aesthetic. The lack of saturation in #402700 acts as a neutral anchor, allowing warmer, lighter hues to stand out without the harshness of a pure black background.
Is #402700 readable on white or black?
#402700 has a 13.92:1 contrast ratio on white and 1.50: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.