#BC866D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, unsaturated orange possesses a dusty quality that feels approachable and warm. Because it is highly readable against black text, the hex code #bc866d works well for body copy or large UI elements. Use it as a secondary tone alongside charcoal grays to create a grounded, vintage-inspired palette. Avoid pairing it with high-saturation neons, as they overwhelm its muted charm.
Questions about #bc866d
What is #bc866d in RGB, HSL and CMYK?
In RGB, #bc866d is rgb(188, 134, 109), in HSL hsl(19, 37%, 58%) and in CMYK 0%, 29%, 42%, 26%.
Does #bc866d work well for web text?
Yes, #bc866d provides excellent readability against dark backgrounds, such as charcoal or near-black, because of its balanced saturation. It serves as a sophisticated alternative to standard orange, offering enough depth to remain legible without straining the eyes.
What color palettes complement #bc866d?
Pair #bc866d with charcoal or deep slate grays to ground its warmth and emphasize the vintage feel. Avoid high-saturation neons, as they distract from the dusty, muted quality that makes this particular orange feel approachable and balanced.
Is #bc866d readable on white or black?
#bc866d has a 3.10:1 contrast ratio on white and 6.76: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.