#F3F3CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely pale, unsaturated yellow carries a gentle, sun-bleached warmth. Because it is so light, #f3f3cc works best as a large-scale background where plain white feels too sterile. It pairs effectively with deep charcoals or slate blues, creating high contrast that improves readability. This hex code provides a soft, airy foundation for minimalist UI designs that require a touch of personality without overwhelming the viewer.
Questions about #f3f3cc
What is #f3f3cc in RGB, HSL and CMYK?
In RGB, #f3f3cc is rgb(243, 243, 204), in HSL hsl(60, 62%, 88%) and in CMYK 0%, 0%, 16%, 5%.
What colors pair best with #f3f3cc in a UI design?
Is #f3f3cc a suitable background color for body text?
Yes, #f3f3cc functions effectively as an off-white background that reduces eye strain compared to pure white. Ensure your typography is set in a dark, high-contrast color like a deep navy or charcoal to meet standard web accessibility guidelines for readability.
Is #f3f3cc readable on white or black?
#f3f3cc has a 1.13:1 contrast ratio on white and 18.50: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.