#2F2D23 Hex Color

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

Hex color #2f2d23 graphic
#2f2d23 is a dark, desaturated shade that leans heavily into muddy yellow and grey territory. This gloomy, earthy tone lacks vibrancy, making it an excellent choice for moody backgrounds or sophisticated, somber design palettes. It provides high contrast for white text, which ensures readability for UI elements. Use the hex code #2f2d23 sparingly as a supporting element rather than a dominant base to avoid making layouts appear too heavy.

Questions about #2f2d23

What is #2f2d23 in RGB, HSL and CMYK?
In RGB, #2f2d23 is rgb(47, 45, 35), in HSL hsl(50, 15%, 16%) and in CMYK 0%, 4%, 26%, 82%.
How should #2f2d23 be used in UI design?
Use #2f2d23 as a supporting accent or text color rather than a base, as its deep, desaturated quality can quickly overpower a layout. It performs best when paired with stark white text to maintain critical accessibility and visual clarity.
Which colors complement #2f2d23 effectively?
This color pairs beautifully with soft, desaturated neutrals like cream or sage to ground the palette without feeling too heavy. You can also offset its muddy quality with sharp, clean light tones to prevent the overall design from appearing gloomy.
Is #2f2d23 readable on white or black?
#2f2d23 has a 13.81:1 contrast ratio on white and 1.52: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.