#F6CF8F Hex Color

Mellow butter orange with unsaturated warmth

Select a Color

This pale, mellow orange sits between butter and cream with unsaturated warmth. As a background, the hex code #f6cf8f offers high readability for black text, boasting a 14.2:1 contrast ratio. It works best as a soft base for baby products or spring-themed branding. Pair this shade with deep charcoal or navy to prevent it from looking washed out in large user interface areas.

Questions about #f6cf8f

What is #f6cf8f in RGB, HSL and CMYK?

In RGB, #f6cf8f is rgb(246, 207, 143), in HSL hsl(37, 85%, 76%) and in CMYK 0%, 16%, 42%, 4%.

What colors complement #f6cf8f in UI design?

This pale, mellow orange requires grounding to prevent a washed-out appearance in larger layouts. Pair #f6cf8f with deep charcoal or rich navy to create a sophisticated, high-contrast look that keeps your text readable while maintaining a soft, welcoming aesthetic.

Is #f6cf8f readable on white or black?

#f6cf8f has a 1.47:1 contrast ratio on white and 14.24: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.

#F6CF8F Hex Color

Mellow butter orange with unsaturated warmth

Questions about #f6cf8f

Color tools

Resources