#F7EDE3 Hex Color

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

Select a Color

This muted, pale orange acts as a sophisticated neutral with strong grey undertones. Because it offers high readability for black text, #f7ede3 excels as a background color for minimalist websites or editorial layouts. It avoids the clinical sterility of pure white, providing a warm, approachable base. Pair it with deep charcoal or muted navy to ground its softness and create a balanced, modern visual palette.

Questions about #f7ede3

What is #f7ede3 in RGB, HSL and CMYK?

In RGB, #f7ede3 is rgb(247, 237, 227), in HSL hsl(30, 56%, 93%) and in CMYK 0%, 4%, 8%, 3%.

What colors pair well with #f7ede3?

#f7ede3 works best when grounded by high-contrast dark neutrals like charcoal or navy. These darker tones create a balanced, professional structure that keeps the light, approachable nature of #f7ede3 from appearing too washed out on screen.

Is #f7ede3 readable on white or black?

#f7ede3 has a 1.15:1 contrast ratio on white and 18.17: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.

#F7EDE3 Hex Color

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

Questions about #f7ede3

Color tools

Resources