#BA6600 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ba6600 is a saturated, warm orange with intense depth. Because it commands attention, use this hue sparingly as a 10% accent rather than a primary background. It pairs well with deep forest greens to create a grounded, natural palette. With a 5.0:1 contrast ratio, black text remains legible against this hex code, ensuring readability for bold UI elements or headlines.
Questions about #ba6600
What is #ba6600 in RGB, HSL and CMYK?
In RGB, #ba6600 is rgb(186, 102, 0), in HSL hsl(33, 100%, 36%) and in CMYK 0%, 45%, 100%, 27%.
What colors pair well with #ba6600 for a balanced design?
#ba6600 pairs beautifully with deep forest green or charcoal to ground its intensity. Using these darker, neutral tones creates a sophisticated contrast that prevents the orange from feeling overwhelming while maintaining a natural, earthy balance.
Is #ba6600 readable on white or black?
#ba6600 has a 4.20:1 contrast ratio on white and 4.98: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.