#56534A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This murky, desaturated olive sits between dark grey and dusty yellow. Because of its low saturation and serious tone, #56534a works effectively as a grounded base color for moody or industrial branding. It pairs well with cream or bright accent colors to add necessary pop. Since it provides excellent contrast for white text, the hex code #56534a remains highly readable for body copy and UI elements.
Questions about #56534a
What is #56534a in RGB, HSL and CMYK?
In RGB, #56534a is rgb(86, 83, 74), in HSL hsl(45, 8%, 31%) and in CMYK 0%, 3%, 14%, 66%.
What colors pair well with the hex code #56534a?
This murky olive acts as a neutral base, so it pairs exceptionally well with creamy off-whites or crisp white to ensure high readability. For bolder accents, you can use warm, muted tones like terracotta or deep burgundy to introduce a natural, sophisticated contrast.
Does #56534a work well for UI text or body copy?
The hex color #56534a provides excellent contrast against lighter backgrounds, making it a reliable choice for UI elements and body text. Because of its dark, desaturated nature, it maintains high legibility while offering a softer, more modern alternative to harsh black.
Is #56534a readable on white or black?
#56534a has a 7.68:1 contrast ratio on white and 2.73: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.