#504836 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted olive feels grounded and serious. Due to its desaturated tone, it works best as a moody background for minimal designs. The hex code for this color is #504836. It can look muddy at large sizes, so pair it with bright, light-colored text to maintain readability. It offers a 9.0:1 contrast ratio against white, ensuring excellent legibility for UI.
Questions about #504836
What is #504836 in RGB, HSL and CMYK?
In RGB, #504836 is rgb(80, 72, 54), in HSL hsl(42, 19%, 26%) and in CMYK 0%, 10%, 32%, 69%.
How can I effectively use #504836 in a UI design?
#504836 works best as a moody, full-page background or a heavy section divider in minimalist layouts. Because it is quite dark, use off-white or light cream text to maintain the 9.0:1 contrast ratio required for comfortable, accessible reading.
Which color palettes pair well with the dark tone of #504836?
Is #504836 readable on white or black?
#504836 has a 9.04: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.