#533E0A Hex Color

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

Hex color #533e0a graphic
This dark, unsaturated olive brings a grounded, earthy quality to design projects. It functions best as an accent rather than a full background, where it can easily appear muddy. Try pairing this shade with sharp creams or burnt oranges to highlight its warmth. The hex code for this moody, serious tone is #533e0a. It offers excellent contrast for white text in UI applications.

Questions about #533e0a

What is #533e0a in RGB, HSL and CMYK?
In RGB, #533e0a is rgb(83, 62, 10), in HSL hsl(43, 78%, 18%) and in CMYK 0%, 25%, 88%, 67%.
What colors pair best with #533e0a in a design scheme?
#533e0a creates a sophisticated, organic feel when paired with warm, creamy neutrals or vibrant, punchy accents. To ground the design, use a clean off-white or light cream background, then add a pop of burnt orange to create a striking, high-contrast visual balance.
Is #533e0a readable on white or black?
#533e0a has a 10.18:1 contrast ratio on white and 2.06: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.