#BA8058 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow orange pairs well with deep forest greens or slate grays to balance its warm, unsaturated earthiness. The hex code #ba8058 works best as a supporting accent rather than a dominant background, where it can easily appear flat. With a high contrast ratio against black text, it is a practical choice for UI elements that require readability without relying on high-saturation brights.
Questions about #ba8058
What is #ba8058 in RGB, HSL and CMYK?
In RGB, #ba8058 is rgb(186, 128, 88), in HSL hsl(24, 42%, 54%) and in CMYK 0%, 31%, 53%, 27%.
How should I use #ba8058 in design layouts?
Use #ba8058 primarily as a supporting accent rather than a dominant background to prevent the color from appearing flat. It creates a grounded aesthetic when paired with charcoal or slate grays for text readability.
Which colors create a balanced palette with #ba8058?
This warm, unsaturated orange works best when contrasted against cooler tones like deep forest green or cool-toned slate. These combinations prevent the overall design from feeling too monochromatic while highlighting the natural warmth of the color.
Is #ba8058 readable on white or black?
#ba8058 has a 3.32:1 contrast ratio on white and 6.31: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.