#533F3E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy shade sits between a dark brown and a dusty red. Its low saturation makes #533f3e a sophisticated, moody background color for interfaces or minimalist branding. Because it offers strong contrast against white text, it functions best as a base rather than an accent. Avoid using this hex code for fine details, as the dark, matte finish can appear muddy at smaller scales.
Questions about #533f3e
What is #533f3e in RGB, HSL and CMYK?
In RGB, #533f3e is rgb(83, 63, 62), in HSL hsl(3, 14%, 28%) and in CMYK 0%, 24%, 25%, 67%.
How should I use #533f3e in UI design?
#533f3e works best as a background color or large typography element where its matte, low-saturation quality can anchor a design. Avoid using it for fine details or small icons because the dark, dusty tones can appear muddy at smaller scales.
Does #533f3e lean warm or cool?
This color leans warm, primarily due to the subtle influence of dusty red within its dark brown base. It functions like a sophisticated neutral, offering much more depth and personality than a standard, flat charcoal or generic deep brown.
Is #533f3e readable on white or black?
#533f3e has a 9.77:1 contrast ratio on white and 2.14: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.