#31302F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #31302f graphic
Reach for #31302f when plain black feels too harsh. This dark grey carries a faint warm undertone, which softens dark mode interfaces, editorial typography, and minimal product design. It earns its keep as a dominant background; white text on top reaches about 13.2:1 contrast, well past WCAG AA for body text. Pair it with a muted rust or ochre accent to keep it from reading flat.

Questions about #31302f

What is #31302f in RGB, HSL and CMYK?
In RGB, #31302f is rgb(49, 48, 47), in HSL hsl(30, 2%, 19%) and in CMYK 0%, 2%, 4%, 81%. Browse more shades of black with names and hex codes.
What colors pair well with #31302f?
Warm muted accents like rust, ochre, or sage keep #31302f from feeling flat. Soft off-whites also flatter it more than pure white, which can look stark against this dark a grey.
Is #31302f readable on white or black?
#31302f has a 13.17:1 contrast ratio on white and 1.59: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.