#F9C970 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, buttery yellow carries a soft, approachable glow that works well for branding or spring-themed interfaces. Because of its high lightness, black text stands out with excellent clarity against the hex code #f9c970. Use it as a supporting accent color rather than a large background to avoid overwhelming the viewer, as it pairs beautifully with deep charcoals or navy for a modern, high-contrast look.
Questions about #f9c970
What is #f9c970 in RGB, HSL and CMYK?
In RGB, #f9c970 is rgb(249, 201, 112), in HSL hsl(39, 92%, 71%) and in CMYK 0%, 19%, 55%, 2%.
What colors pair well with #f9c970?
Is #f9c970 a good choice for text?
Using #f9c970 for body text is generally not recommended as it lacks sufficient contrast against white backgrounds, causing significant readability issues. It should be reserved for illustrations, buttons, or accent headers where high visibility is not the primary requirement for legibility.
Is #f9c970 readable on white or black?
#f9c970 has a 1.54:1 contrast ratio on white and 13.61: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.