#BA7223 Hex Color

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

Select a Color

This mellow, unsaturated orange balances warmth with an earthy, muted quality. Because it avoids the intensity of neon shades, #ba7223 functions best as a secondary accent color rather than a dominant background. Pair it with deep charcoal or slate gray to ground its playful energy. The hex code for this shade is #ba7223, which provides enough contrast for black text to meet WCAG standards.

Questions about #ba7223

What is #ba7223 in RGB, HSL and CMYK?

In RGB, #ba7223 is rgb(186, 114, 35), in HSL hsl(31, 68%, 43%) and in CMYK 0%, 39%, 81%, 27%.

Which color palettes work best with #ba7223?

#ba7223 thrives when grounded by deep, neutral tones like charcoal or dark slate gray, which balance its inherent warmth. For a more vibrant scheme, try pairing it with muted teal to create a sophisticated, high-contrast interplay that feels both natural and professional.

Is #ba7223 readable on white or black?

#ba7223 has a 3.80:1 contrast ratio on white and 5.51: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.

#BA7223 Hex Color

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

Questions about #ba7223

Color tools

Resources