#F7F3F3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, bleached grey feels airy and delicate. It works best as a soft, neutral background in minimalist web interfaces, where stark white might look too aggressive. Because black text maintains high contrast against its surface, the hex code #f7f3f3 provides excellent readability for body copy. Use it to build a clean, sophisticated design that prioritizes open space without appearing sterile.
Questions about #f7f3f3
What is #f7f3f3 in RGB, HSL and CMYK?
In RGB, #f7f3f3 is rgb(247, 243, 243), in HSL hsl(0, 20%, 96%) and in CMYK 0%, 2%, 2%, 3%.
Why use #f7f3f3 instead of pure white?
Pure white can often create visual fatigue or screen glare in minimalist designs, whereas #f7f3f3 provides a softer, more sophisticated backdrop that feels gentle on the eyes. It maintains excellent contrast for dark text while keeping the interface feeling open and spacious.
What colors pair well with #f7f3f3?
#f7f3f3 works as a neutral base that anchors bolder choices, making it a perfect background for deep charcoal typography or vibrant, high-saturation accent colors. It also complements cool-toned blues and muted earthy greens, allowing those colors to stand out without competing for visual attention.
Is #f7f3f3 readable on white or black?
#f7f3f3 has a 1.10:1 contrast ratio on white and 19.06: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.