#BA5617 Hex Color

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

Hex color #ba5617 graphic
The hex code #ba5617 defines a warm, fairly saturated orange with muted red-brown undertones. Its medium-dark value feels mellow yet energetic, supporting optimism, independence, adventure, and creativity. Use this orange as an accent in food branding, sports graphics, safety materials, or autumn campaigns. White text achieves about 4.7:1 contrast for accessible body copy.

Questions about #ba5617

What is #ba5617 in RGB, HSL and CMYK?
In RGB, #ba5617 is rgb(186, 86, 23), in HSL hsl(23, 78%, 41%) and in CMYK 0%, 54%, 88%, 27%.
What colors pair well with #ba5617?
#ba5617 pairs well with cream, navy, charcoal, and muted teal, balancing its warm red-orange base in grounded palettes for branding, packaging, digital layouts, and interfaces. These combinations keep the orange grounded without making it feel overly bright.
Is #ba5617 warm or cool?
#ba5617 reads as a warm color because its orange base carries muted red-brown undertones. Its medium-dark value keeps the warmth grounded rather than bright, making it feel earthy, energetic, and well suited to autumn, outdoor, or craft-focused visuals.
Is #ba5617 readable on white or black?
#ba5617 has a 4.73:1 contrast ratio on white and 4.43: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.