#F9D100 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-chroma yellow grabs attention instantly. Its glowing intensity makes #f9d100 a powerful choice for accents, call-to-action buttons, or sale graphics. Because black text maintains high readability against this hue, it works well for UI elements that need to pop. Use it sparingly, as a full-screen background can quickly become overwhelming for users.
Questions about #f9d100
What is #f9d100 in RGB, HSL and CMYK?
In RGB, #f9d100 is rgb(249, 209, 0), in HSL hsl(50, 100%, 49%) and in CMYK 0%, 16%, 100%, 2%.
How can I effectively use #f9d100 in a user interface?
#f9d100 is best utilized as a tactical accent color rather than a primary background because its high luminosity can easily fatigue the eye during extended reading. Pair it with high-contrast charcoal or deep black text to ensure optimal legibility for critical call-to-action buttons.
What colors pair well with #f9d100 to balance its intensity?
Complementary schemes for #f9d100 rely on deep purples and violet tones to balance its natural warmth and high energy. Using a dark plum shade creates a sophisticated, balanced contrast that tames the intensity of the yellow while maintaining a professional visual hierarchy.
Is #f9d100 readable on white or black?
#f9d100 has a 1.48:1 contrast ratio on white and 14.14: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.