#F3EDE3 Hex Color

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

Hex color #f3ede3 graphic
This pale, desaturated yellow has slight grey undertones, making it a versatile neutral for minimalist UI design. Because it offers high contrast with dark text, #f3ede3 works well as a background alternative to pure white. It pairs best with rich, warm browns or deep charcoals to avoid looking washed out. Use the hex code #f3ede3 as a subtle base for clean, airy branding.

Questions about #f3ede3

What is #f3ede3 in RGB, HSL and CMYK?
In RGB, #f3ede3 is rgb(243, 237, 227), in HSL hsl(38, 40%, 92%) and in CMYK 0%, 2%, 7%, 5%.
What colors pair best with #f3ede3?
This shade thrives when balanced by high-contrast tones that ground its airy quality. Pair it with deep charcoal or warm espresso to anchor your design, or use rich navy to create a sophisticated, modern professional palette.
Is #f3ede3 a good alternative to white for web design?
It serves as an excellent, softer alternative to pure white, especially in minimalist UI design where eye comfort matters. Because of its subtle grey undertones, it feels less clinical than stark white while maintaining enough contrast for readable dark text.
Is #f3ede3 readable on white or black?
#f3ede3 has a 1.16:1 contrast ratio on white and 18.03: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.