#F0F7FA Hex Color

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

Hex color #f0f7fa graphic
With its high lightness and low saturation, #f0f7fa is a pale gray with a faint blue undertone. The hex code suits airy interfaces, healthcare branding, and clean architectural layouts where a softer base works best. Use it as a dominant background with charcoal typography; black text remains highly legible at about 19.4:1 contrast.

Questions about #f0f7fa

What is #f0f7fa in RGB, HSL and CMYK?
In RGB, #f0f7fa is rgb(240, 247, 250), in HSL hsl(198, 50%, 96%) and in CMYK 4%, 1%, 0%, 2%.
What colors pair well with #f0f7fa?
#f0f7fa pairs well with charcoal and muted blue accents because its pale blue undertone supports cool contrast without feeling stark; warm wood, soft neutrals, or terracotta details can balance the background.
Does #f0f7fa look warm or cool?
#f0f7fa reads as a cool pale gray because its faint blue undertone shifts the near-white base away from cream, making it especially suitable for calm interfaces, clean architectural layouts, and designs that need a softer alternative to stark white.
Is #f0f7fa readable on white or black?
#f0f7fa has a 1.08:1 contrast ratio on white and 19.38: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.