#AD623D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted terracotta shade carries an earthy quality that avoids the harshness of brighter oranges. Since it offers enough contrast to support black text, it works well for UI buttons or branding accents. The hex code #ad623d pairs unexpectedly well with deep teals or cool grays. Avoid using it as a full background, as its saturation can overwhelm the eye at large sizes.
Questions about #ad623d
What is #ad623d in RGB, HSL and CMYK?
In RGB, #ad623d is rgb(173, 98, 61), in HSL hsl(20, 48%, 46%) and in CMYK 0%, 43%, 65%, 32%. Browse more shades of brown with names and hex codes.
What colors pair best with #ad623d?
Because #ad623d is a muted earth tone, it works well with cool, contrasting colors like deep teal or crisp, neutral grays. These combinations prevent the terracotta from feeling too heavy while maintaining a professional balance for UI design.
Is #ad623d suitable for text backgrounds?
Using #ad623d as a full-page background is generally not recommended as the high saturation can overwhelm the viewer. It functions much better as an accent color for call-to-action buttons or graphic elements where readability remains the primary concern.
Is #ad623d readable on white or black?
#ad623d has a 4.57:1 contrast ratio on white and 4.59: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 for body text. Try other pairs in the contrast checker.