#302D22 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This near-black, ashy yellow carries a serious, grounded weight. Because #302d22 is so dark and muted, it functions best as a sophisticated background rather than an accent. It provides an excellent, high-contrast base for white typography. Pair it with soft, warm metallics to cut through the gloom. Designers use this hex code to anchor moody, minimalist interfaces where pure black feels too harsh.
Questions about #302d22
What is #302d22 in RGB, HSL and CMYK?
In RGB, #302d22 is rgb(48, 45, 34), in HSL hsl(47, 17%, 16%) and in CMYK 0%, 6%, 29%, 81%.
Why is #302d22 better than using pure black for interfaces?
Using #302d22 provides a grounded, serious aesthetic that feels less jarring on digital screens than absolute black. Because it carries subtle ashy yellow undertones, it creates a more natural, sophisticated hierarchy that reduces eye strain while maintaining excellent readability for white typography.
What colors pair well with #302d22 for a balanced palette?
Is #302d22 readable on white or black?
#302d22 has a 13.77: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.