#30302C Hex Color

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

Hex color #30302c graphic
This dark, muted charcoal functions best as a grounding neutral. It possesses an ashy, dusty quality that avoids the harshness of pure black, making it an excellent choice for modern UI backgrounds. Because it provides high contrast against white text, #30302c is a practical selection for readable dark mode designs. Pair it with soft, desaturated greens or muted metallics to prevent it from feeling overly flat.

Questions about #30302c

What is #30302c in RGB, HSL and CMYK?
In RGB, #30302c is rgb(48, 48, 44), in HSL hsl(60, 4%, 18%) and in CMYK 0%, 0%, 8%, 81%.
How does #30302c perform in UI design compared to pure black?
#30302c serves as a superior choice for dark mode interfaces because it softens harsh contrast, reducing eye strain while maintaining excellent readability against white text. It provides a more organic, grounded feeling than standard pitch-black backgrounds.
What colors pair well with #30302c?
This muted charcoal works beautifully with desaturated greens like sage or olive to create an earthy, professional aesthetic. It also pairs effectively with muted metallics or cream tones to prevent the overall palette from appearing too flat or heavy.
Is #30302c readable on white or black?
#30302c has a 13.25:1 contrast ratio on white and 1.58: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.