#CF8864 Hex Color

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

Hex color #cf8864 graphic
This unsaturated, mellow orange carries a dusty, earthy quality that avoids the harshness of brighter tones. The hex code #cf8864 works best as a supporting tone or accent, providing a warm, grounded alternative to traditional safety colors. It pairs surprisingly well with deep forest greens or dark charcoal, which allow its muted personality to stand out. Black text reads clearly against this shade for accessible small-scale UI elements.

Questions about #cf8864

What is #cf8864 in RGB, HSL and CMYK?
In RGB, #cf8864 is rgb(207, 136, 100), in HSL hsl(20, 53%, 60%) and in CMYK 0%, 34%, 52%, 19%. Browse more shades of orange with names and hex codes.
What colors work best with the earthy #cf8864?
Use deep charcoal or dark forest green to ground the warmth of #cf8864 effectively. These dark, cool contrasts allow the muted orange to function as a sophisticated accent without becoming overwhelming in a layout.
Is #cf8864 a good choice for text-heavy interfaces?
This shade is best reserved for UI accents, buttons, or small-scale graphical elements rather than body text. Because it is unsaturated and medium-toned, pairing it with dark, high-contrast text ensures the design remains readable and accessible.
Is #cf8864 readable on white or black?
#cf8864 has a 2.85:1 contrast ratio on white and 7.35:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.