#F4F7FA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Barely there and airy, #f4f7fa sits just off pure white with a faint cool blue undertone. That whisper of grey gives it a softer feel than plain white, which is why it shows up so often as a UI background. Pair it with slate text or a warm accent to keep layouts from reading sterile. The hex code performs strongly for contrast, hitting about 19.5:1 behind black type.
Questions about #f4f7fa
What is #f4f7fa in RGB, HSL and CMYK?
In RGB, #f4f7fa is rgb(244, 247, 250), in HSL hsl(210, 37%, 97%) and in CMYK 2%, 1%, 0%, 2%.
What colors pair well with #f4f7fa?
Slate and navy text feel grounded against #f4f7fa, while a warm accent like terracotta keeps it from reading sterile. Keep surrounding saturation low so the off-white stays the calm base of the palette.
Is #f4f7fa readable on white or black?
#f4f7fa has a 1.07:1 contrast ratio on white and 19.53: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.