#BA4F25 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ba4f25 is a warm, earthy terracotta with high saturation. This shade carries significant energy, making it an excellent choice for bold accents or attention-grabbing call-to-action buttons. It pairs well with slate grays or deep blues for a balanced look. Because it offers strong contrast against white text, the hex code #ba4f25 works effectively as a background color for UI elements where readability matters.
Questions about #ba4f25
What is #ba4f25 in RGB, HSL and CMYK?
In RGB, #ba4f25 is rgb(186, 79, 37), in HSL hsl(17, 67%, 44%) and in CMYK 0%, 58%, 80%, 27%.
Which colors pair naturally with #ba4f25 in a layout?
This warm, saturated terracotta pairs effectively with neutral slate grays or deep navy tones to create a balanced, professional look. Using these darker complements anchors the intense heat of #ba4f25, preventing the color from overpowering your overall interface design.
Is #ba4f25 readable on white or black?
#ba4f25 has a 4.96:1 contrast ratio on white and 4.23: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 only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.