#A85D3D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted terracotta is warm and earthy, avoiding the intensity of bright orange. The hex code #a85d3d works best as a supporting tone in brand palettes rather than a full-page background. Pair it with deep charcoal or slate blue to add modern contrast. It maintains a 4.9:1 contrast ratio against white text, making it a readable choice for UI elements and typography.
Questions about #a85d3d
What is #a85d3d in RGB, HSL and CMYK?
In RGB, #a85d3d is rgb(168, 93, 61), in HSL hsl(18, 47%, 45%) and in CMYK 0%, 45%, 64%, 34%.
Which color combinations work best with #a85d3d?
#a85d3d serves as a warm anchor that balances beautifully against cool, neutral tones. You will find that pairing it with slate blue or deep charcoal creates a sophisticated, professional contrast that highlights its earthy, muted undertones without becoming overwhelming.
Is #a85d3d a suitable choice for web typography?
Yes, #a85d3d maintains a 4.9:1 contrast ratio against standard white backgrounds, making it a reliable choice for accessible UI text. It provides enough readability for headings or important interface elements while offering a softer, more approachable alternative to harsh black or dark brown text.
Is #a85d3d readable on white or black?
#a85d3d has a 4.88:1 contrast ratio on white and 4.29: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.