#F9CC02 Hex Color

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

Hex color #f9cc02 graphic
Bright and highly saturated, #f9cc02 is a warm yellow with a clean, glowing finish. Its upbeat energy suits sale graphics, budget branding, construction signage, and calls to action. Use it as a small accent against charcoal or deep navy rather than a full-page background. The hex code #f9cc02 supports clear black text with a 13.7:1 contrast ratio.

Questions about #f9cc02

What is #f9cc02 in RGB, HSL and CMYK?
In RGB, #f9cc02 is rgb(249, 204, 2), in HSL hsl(49, 98%, 49%) and in CMYK 0%, 18%, 99%, 2%.
What colors pair well with #f9cc02?
#f9cc02 pairs well with charcoal and navy, which temper its high saturation and make the yellow accent stand out while preserving its upbeat, high-visibility character in layouts and marketing graphics.
Does #f9cc02 read as a warm or cool yellow?
#f9cc02 reads as warm because its strong yellow hue has a golden cast rather than a green or lemon bias, giving it a bright, sunny presence in visual layouts and branding. Its upbeat character works well for promotions, budget branding, construction signage, and focused interface accents.
Is #f9cc02 readable on white or black?
#f9cc02 has a 1.53:1 contrast ratio on white and 13.66: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.