#F9C975 Hex Color

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

Select a Color

This mellow, pastel yellow has a warm orange undertone that feels fresh and optimistic. Because it is highly legible against black text, the hex code #f9c975 performs well for accessible UI backgrounds or brand accents. It can look washed out against white, so pair it with deep charcoals or navy blues to anchor its glowing intensity.

Questions about #f9c975

What is #f9c975 in RGB, HSL and CMYK?

In RGB, #f9c975 is rgb(249, 201, 117), in HSL hsl(38, 92%, 72%) and in CMYK 0%, 19%, 53%, 2%.

What colors pair best with #f9c975 for web design?

Because #f9c975 is quite luminous, it works best when anchored by high-contrast darks like navy or charcoal. These deep neutrals prevent the yellow from washing out while maintaining the readability standards required for accessible, professional user interfaces.

Is #f9c975 readable on white or black?

#f9c975 has a 1.53:1 contrast ratio on white and 13.63: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.

#F9C975 Hex Color

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

Questions about #f9c975

Color tools

Resources