#54300F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#54300f is a deep, desaturated espresso brown that feels grounded and serious. Because of its dark values, white text stands out clearly against it, offering an 11.6:1 contrast ratio. This hex code works best as a moody UI background or for organic, vintage branding. Designers should use this shade carefully, as it can appear muddy when placed next to muted, low-contrast tones.
Questions about #54300f
What is #54300f in RGB, HSL and CMYK?
In RGB, #54300f is rgb(84, 48, 15), in HSL hsl(29, 70%, 19%) and in CMYK 0%, 43%, 82%, 67%.
How should #54300f be used in UI design?
#54300f functions effectively as a grounding background for clean, minimalist interfaces, especially when paired with off-white or soft cream text. Its high-contrast ratio ensures accessibility for large headlines and navigational elements, though it can appear muddy if crowded by other desaturated, low-contrast tones.
Does #54300f work well with other colors?
Is #54300f readable on white or black?
#54300f has a 11.62:1 contrast ratio on white and 1.80: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.