#F9BB31 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, glowing yellow carries a distinct warmth that commands attention without feeling neon. Because of its high intensity, #f9bb31 functions best as a high-impact accent color for calls to action or UI highlights rather than a full background. It pairs exceptionally well with deep charcoals, as the strong contrast ensures excellent readability. The hex code for this warm yellow is #f9bb31.
Questions about #f9bb31
What is #f9bb31 in RGB, HSL and CMYK?
In RGB, #f9bb31 is rgb(249, 187, 49), in HSL hsl(41, 94%, 58%) and in CMYK 0%, 25%, 80%, 2%.
What is the best way to use #f9bb31 in UI design?
Because #f9bb31 is a highly saturated yellow, it works best as a deliberate accent or call-to-action button rather than a large background color. It creates a striking contrast against deep charcoal or dark navy, ensuring UI elements grab immediate attention while remaining legible.
Does #f9bb31 work well for text?
Using #f9bb31 as text is generally discouraged unless it is placed over a very dark, high-contrast background to maintain accessibility standards. The color is quite light and vibrant, meaning it often fails legibility requirements for small or thin fonts on white or standard light surfaces.
Is #f9bb31 readable on white or black?
#f9bb31 has a 1.72:1 contrast ratio on white and 12.18: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.