#302824 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty brown reads as serious and grounded. With strong grey undertones, #302824 works best as a moody background or a reliable base for vintage aesthetics. It lacks the warmth of typical browns, so use it sparingly to avoid a muddy look. White text offers excellent contrast against it, making this hex code a practical choice for readable dark mode designs.
Questions about #302824
What is #302824 in RGB, HSL and CMYK?
In RGB, #302824 is rgb(48, 40, 36), in HSL hsl(20, 14%, 16%) and in CMYK 0%, 17%, 25%, 81%.
How should I use #302824 in UI design?
#302824 serves as a sophisticated alternative to pure black for text or background elements in dark mode designs. Its grey undertones reduce visual vibration, creating a softer, more comfortable reading experience than high-contrast blacks on white backgrounds.
Does #302824 lean warm or cool?
While technically a brown, #302824 leans decidedly cool due to its heavy grey saturation. It lacks the typical red or orange warmth of standard wood-toned browns, making it feel more clinical, serious, and grounded than traditional earthy shades.
What colors pair best with #302824?
This color thrives when paired with muted pastels or off-whites like cream or eggshell to ensure readability. To create a cohesive vintage palette, try combining it with a muted sage or a soft dusty blue for contrast.
Is #302824 readable on white or black?
#302824 has a 14.43:1 contrast ratio on white and 1.45: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.