#F5F5FB Hex Color

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

Hex color #f5f5fb graphic
This ultra-light grey sits on the edge of white, carrying a distinct, cool violet undertone. Because it maintains high contrast for black text, the hex code #f5f5fb serves as a perfect, clean background for minimalist UI design. It lacks the starkness of pure white, making it a softer, more professional choice for hospital or wellness branding where you need to convey clarity without harsh brightness.

Questions about #f5f5fb

What is #f5f5fb in RGB, HSL and CMYK?
In RGB, #f5f5fb is rgb(245, 245, 251), in HSL hsl(240, 43%, 97%) and in CMYK 2%, 2%, 0%, 2%.
Why use #f5f5fb instead of pure white in a UI?
Pure white can cause eye strain when paired with high-contrast black text on screens, whereas #f5f5fb offers a slightly softer, more approachable base that maintains perfect readability. It provides a clean, professional aesthetic that is essential for hospital or high-end wellness websites.
What colors pair well with #f5f5fb?
Since #f5f5fb carries a faint violet undertone, it pairs beautifully with deep navy or charcoal for sophisticated text, while adding soft sage or muted teals creates a balanced, calming environment. Avoid overly warm yellows or oranges, as they may clash with the cool violet hue.
Is #f5f5fb readable on white or black?
#f5f5fb has a 1.08:1 contrast ratio on white and 19.33: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.