#523F2F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, ashy brown, #523f2f carries a serious and grounded mood suitable for minimalist branding. Its low saturation makes it ideal as a supporting neutral rather than a dominant background. While it pairs well with soft creams, use it sparingly to avoid a muddy appearance. With a high contrast ratio against white text, it remains legible for smaller elements and secondary UI components.
Questions about #523f2f
What is #523f2f in RGB, HSL and CMYK?
In RGB, #523f2f is rgb(82, 63, 47), in HSL hsl(27, 27%, 25%) and in CMYK 0%, 23%, 43%, 68%.
How should I use #523f2f in a design layout?
Use #523f2f as a subtle anchor or secondary UI element rather than a main background to avoid a muddy appearance. It works best when paired with crisp white text or soft, light creams that let the muted brown depth stand out clearly.
Does #523f2f lean warm or cool?
This color leans toward a cool, ashy tone rather than a warm, reddish brown, which gives it a more serious and professional quality. Its lack of vibrant saturation makes it feel restrained and sophisticated, helping it blend into neutral environments without clashing.
Is #523f2f readable on white or black?
#523f2f has a 9.94:1 contrast ratio on white and 2.11: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.