#F5F7FB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely pale grey-white acts as a versatile, low-contrast base for modern UI design. Because #f5f7fb is so light, it reads cleaner than standard beige and pairs effectively with deep charcoals for high readability. It works best as a primary background color where a stark white feels too bright or clinical. Use this hex code to create a soft, airy foundation for minimal branding.
Questions about #f5f7fb
What is #f5f7fb in RGB, HSL and CMYK?
In RGB, #f5f7fb is rgb(245, 247, 251), in HSL hsl(220, 43%, 97%) and in CMYK 2%, 2%, 0%, 2%.
Where should I use #f5f7fb in a website design?
#f5f7fb functions best as a primary background color for long-form content or web apps where you want to reduce eye strain. It provides enough separation from charcoal or deep navy text to maintain professional contrast without the harshness of a standard white page.
Does #f5f7fb read as a warm or cool color?
This color sits on the cool side of the spectrum due to its subtle blue undertones, which distinguish it from warmer, creamier off-whites. Because of this, it pairs naturally with other cool-toned grays and blues to create a cohesive, modern interface.
Is #f5f7fb readable on white or black?
#f5f7fb has a 1.07:1 contrast ratio on white and 19.57: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.