#F7C66E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel yellow carries a warm, sunny glow that feels optimistic and light. Because of its approachable saturation, #f7c66e works well as a background for branding projects aimed at youthful audiences. Pair it with deep charcoal or navy text to ensure readability, as it offers excellent contrast for small type. Avoid using it as a dominant color in large, empty spaces to keep it from feeling washed out.
Questions about #f7c66e
What is #f7c66e in RGB, HSL and CMYK?
In RGB, #f7c66e is rgb(247, 198, 110), in HSL hsl(39, 90%, 70%) and in CMYK 0%, 20%, 55%, 3%.
What colors pair best with #f7c66e for text?
Does #f7c66e work well for UI backgrounds?
Use #f7c66e sparingly as a background color to avoid visual fatigue or a washed-out appearance. It functions best as an accent or a primary brand color in smaller sections rather than large, empty whitespace, where it can easily overwhelm other interface elements.
Is #f7c66e readable on white or black?
#f7c66e has a 1.58:1 contrast ratio on white and 13.25: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.