#BF6840 Hex Color

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

Select a Color

This muted orange offers a warm, earthy quality that avoids the intensity of neon tones. Because of its grounded saturation, #bf6840 works best as a secondary accent rather than a full page background. It pairs well with deep charcoal grays to create a readable interface, as the hex code provides a 5.3:1 contrast ratio with standard black text, meeting WCAG AA requirements for accessibility.

Questions about #bf6840

What is #bf6840 in RGB, HSL and CMYK?

In RGB, #bf6840 is rgb(191, 104, 64), in HSL hsl(19, 50%, 50%) and in CMYK 0%, 46%, 66%, 25%.

What colors pair well with #bf6840 in a UI design?

Use #bf6840 alongside a deep charcoal or matte black to ensure high-contrast, professional text readability. For a softer look, combine it with a muted cream or off-white background to keep the interface feeling organic rather than harsh or overly clinical.

Is #bf6840 readable on white or black?

#bf6840 has a 3.98:1 contrast ratio on white and 5.26: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.

#BF6840 Hex Color

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

Questions about #bf6840

Color tools

Resources