#302620 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty brown carries heavy grey undertones, creating a grounded and serious mood. It works well as a dominant base for moody UI backgrounds or vintage brand palettes. Since white text reads clearly against its depth, you gain strong contrast for accessibility. Avoid using it for fine details where it might appear muddy. The hex code for this color is #302620.
Questions about #302620
What is #302620 in RGB, HSL and CMYK?
In RGB, #302620 is rgb(48, 38, 32), in HSL hsl(23, 20%, 16%) and in CMYK 0%, 21%, 33%, 81%.
How should I use #302620 in a user interface?
#302620 works best as a primary background color for moody, sophisticated interfaces because its depth provides an excellent, readable contrast against white or cream text. Use it to anchor your layout, but avoid using it for fine text or small icons where its darkness might appear muddy.
What colors pair well with #302620?
Is #302620 readable on white or black?
#302620 has a 14.74:1 contrast ratio on white and 1.42: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.