#5B4523 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5b4523 graphic
This muted, dark brown conveys a sense of rugged seriousness and organic depth. Because #5b4523 has very low saturation, it functions best as a grounding neutral or a secondary accent rather than a dominant background. White text sits comfortably on this shade, offering excellent readability. Pair it with soft cream or muted olive tones to avoid a muddy appearance in your UI or print projects.

Questions about #5b4523

What is #5b4523 in RGB, HSL and CMYK?
In RGB, #5b4523 is rgb(91, 69, 35), in HSL hsl(36, 44%, 25%) and in CMYK 0%, 24%, 62%, 64%.
What color schemes work best with #5b4523?
Since #5b4523 functions as a low-saturation neutral, it pairs effectively with soft cream or muted olive tones to prevent the palette from feeling muddy. Avoid high-contrast neons, which can clash with this earth-toned brown and make your UI feel disjointed or visually jarring.
Is #5b4523 suitable for text backgrounds?
The dark nature of #5b4523 provides excellent readability for white or light-colored text, making it a reliable choice for buttons or hero sections. Ensure your foreground text is high-contrast, such as a crisp ivory or light beige, to maintain accessibility standards in your layout.
Is #5b4523 readable on white or black?
#5b4523 has a 9.05:1 contrast ratio on white and 2.32: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.