#BA6141 Hex Color

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

Hex color #ba6141 graphic
This muted, burnt orange feels grounded and approachable rather than aggressive. Because #ba6141 is relatively unsaturated, it works better as a supporting accent or secondary color than as a large-scale background. It pairs exceptionally well with cool, deep teals or charcoal grays to balance its inherent warmth. The hex code for this shade is #ba6141, which maintains enough contrast for accessible black text.

Questions about #ba6141

What is #ba6141 in RGB, HSL and CMYK?
In RGB, #ba6141 is rgb(186, 97, 65), in HSL hsl(16, 48%, 49%) and in CMYK 0%, 48%, 65%, 27%.
What colors pair well with #ba6141 for a balanced palette?
#ba6141 shines when paired with cool, deep tones like teal or charcoal gray, which provide necessary contrast and calm the warmth of the orange. Using a neutral base prevents this color from feeling overwhelming in a layout.
Is #ba6141 suitable for large background areas in web design?
It is generally better to use #ba6141 as an accent or secondary color rather than a primary background because its intensity can be distracting at full scale. Reserve it for buttons, calls to action, or decorative borders.
Is #ba6141 readable on white or black?
#ba6141 has a 4.30:1 contrast ratio on white and 4.87: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.