#F4F7A0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, buttery yellow brings a soft light to any layout. Because it is highly unsaturated, the hex code #f4f7a0 works best as a large-scale background rather than for fine details. It reads crisp with black text and avoids the aggressive glare of brighter yellows. Pair it with dark, muted greens or charcoal to anchor the design and prevent it from feeling too airy.
Questions about #f4f7a0
What is #f4f7a0 in RGB, HSL and CMYK?
In RGB, #f4f7a0 is rgb(244, 247, 160), in HSL hsl(62, 84%, 80%) and in CMYK 1%, 0%, 35%, 3%.
What colors pair well with #f4f7a0?
Is #f4f7a0 suitable for text?
The #f4f7a0 hex color lacks sufficient contrast when used for standard body text against a white or light background. It is highly recommended to pair this light shade with dark colors like navy or black to ensure text remains legible and accessible.
Is #f4f7a0 readable on white or black?
#f4f7a0 has a 1.12:1 contrast ratio on white and 18.65: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.