#AD7127 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, earthy orange functions best as a secondary accent rather than a primary background. It feels grounded and approachable, bringing a warm, autumn-inspired weight to design systems. The hex code for this shade is #ad7127. Because it maintains a 5.2:1 contrast ratio against black text, it offers excellent readability for UI details while pairing effectively with charcoal grays or deep teal.
Questions about #ad7127
What is #ad7127 in RGB, HSL and CMYK?
In RGB, #ad7127 is rgb(173, 113, 39), in HSL hsl(33, 63%, 42%) and in CMYK 0%, 35%, 77%, 32%.
What colors pair well with #ad7127 in a design system?
Is #ad7127 readable on white or black?
#ad7127 has a 4.06:1 contrast ratio on white and 5.16:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.