#FAF0E7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, chalky orange leans heavily into neutral territory with strong grey undertones. It serves as a gentle, breathable alternative to stark white, making it an excellent base for UI backgrounds. Because #faf0e7 provides high contrast with black text, it is highly readable for body content. Pair it with deep charcoal or muted olive greens to ground its airy, adventurous character in your layouts.
Questions about #faf0e7
What is #faf0e7 in RGB, HSL and CMYK?
In RGB, #faf0e7 is rgb(250, 240, 231), in HSL hsl(28, 66%, 94%) and in CMYK 0%, 4%, 8%, 2%.
How should I use #faf0e7 in website design?
#faf0e7 works best as a primary background color when you need a softer, more inviting alternative to pure white. It provides enough contrast for charcoal or dark text to remain highly readable while reducing eye strain during long-form reading sessions.
What colors pair well with #faf0e7?
This color excels when grounded by deep, earthy tones that contrast its light, airy nature. It creates sophisticated, professional palettes when paired with charcoal or olive green, which help stabilize the chalky orange undertones and bring a sense of natural balance.
Is #faf0e7 readable on white or black?
#faf0e7 has a 1.12:1 contrast ratio on white and 18.68: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.