#BA7631 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted orange carries a warm, earthy weight that avoids the harsh brightness of neon tones. Because of its mellow saturation, #ba7631 functions best as a grounding accent rather than a dominant background. Pair it with deep charcoal or muted teals to balance the warmth. The hex code #ba7631 provides enough contrast for readable text, making it a reliable choice for UI elements that require accessibility.
Questions about #ba7631
What is #ba7631 in RGB, HSL and CMYK?
In RGB, #ba7631 is rgb(186, 118, 49), in HSL hsl(30, 58%, 46%) and in CMYK 0%, 37%, 74%, 27%.
What colors pair best with #ba7631?
Is #ba7631 suitable for text in UI designs?
The color #ba7631 often struggles to meet WCAG accessibility standards for readability when used as body text on white backgrounds. It works best as an accent color or for large, bold headings rather than fine print, where higher contrast ratios are required for comfortable viewing.
Is #ba7631 readable on white or black?
#ba7631 has a 3.66:1 contrast ratio on white and 5.72: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.