#F5F6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f5f6ff is a cool, off-white tint with a subtle indigo undertone. Because it is so light, it serves as a sophisticated neutral base for UI backgrounds where pure white feels too harsh. This shade offers excellent contrast with black text for readability. Use it alongside deep charcoal or navy accents to anchor your design, as it can look washed out when paired directly with brighter colors.
Questions about #f5f6ff
What is #f5f6ff in RGB, HSL and CMYK?
In RGB, #f5f6ff is rgb(245, 246, 255), in HSL hsl(234, 100%, 98%) and in CMYK 4%, 4%, 0%, 0%.
Why is #f5f6ff a better UI background than pure white?
#f5f6ff reduces visual strain by softening the contrast between the background and dark text, making long-form content more comfortable to read. This light indigo tint keeps your layout feeling crisp and clean without the sterile intensity of absolute white.
What colors pair best with #f5f6ff for a balanced look?
Use deep navy or charcoal accents to anchor this light shade, as they complement the cool indigo undertones perfectly. Avoid pairing #f5f6ff with bright, saturated neon colors, as the subtle indigo base can look washed out or dingy next to them.
Is #f5f6ff readable on white or black?
#f5f6ff has a 1.07:1 contrast ratio on white and 19.50: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.