#F1F3F3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Zappy Zebra #f1f3f3 acts as a near-white neutral with a subtle grey undertone. It offers a clean, airy alternative to pure white for UI backgrounds and minimal interface design. Because it maintains excellent contrast ratios with standard black text, it works well for body content. Pair this hex code with bold, dark charcoal accents to anchor the overall composition and avoid a washed-out appearance.
Questions about Zappy Zebra
What is the hex code for Zappy Zebra?
Zappy Zebra is #f1f3f3. In RGB that is rgb(241, 243, 243), in HSL hsl(180, 8%, 95%) and in CMYK 1%, 0%, 0%, 5%.
What makes Zappy Zebra #f1f3f3 a better choice than pure white for UI design?
Using Zappy Zebra #f1f3f3 instead of pure white creates a softer, more comfortable visual experience for long-term screen reading. It reduces digital eye strain while still providing a crisp, bright foundation that works beautifully alongside high-contrast elements like charcoal or deep slate text.
Does #f1f3f3 work well in dark mode designs?
This color is primarily designed for light-themed, minimalist interfaces where clarity is the main priority. It can function as an accent in a dark theme, but #f1f3f3 is usually too light for backgrounds if you want to maintain a true dark mode aesthetic.
Is Zappy Zebra readable on white or black?
Zappy Zebra has a 1.11:1 contrast ratio on white and 18.85: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.