#F8BB49 Hex Color

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

Hex color #f8bb49 graphic
#f8bb49 is a luminous, saturated golden yellow with strong warm undertones. It acts best as an accent color to inject energy and optimism into branding or UI elements. Because black text maintains excellent readability against this background, it works well for high-visibility calls-to-action. Pair it with deep charcoal or navy blue to keep the composition grounded rather than overwhelming. The hex code for this shade is #f8bb49.

Questions about #f8bb49

What is #f8bb49 in RGB, HSL and CMYK?
In RGB, #f8bb49 is rgb(248, 187, 73), in HSL hsl(39, 93%, 63%) and in CMYK 0%, 25%, 71%, 3%.
What color combinations work best with #f8bb49?
Pair #f8bb49 with dark, grounded neutrals like charcoal or navy to balance its high-energy, luminous intensity. These deep tones anchor the brightness, making it suitable for professional UI components or bold, modern graphic design layouts without feeling overwhelming to the viewer.
Is #f8bb49 a good choice for text?
Avoid using #f8bb49 for body text because its high luminosity lacks sufficient contrast against white backgrounds. Instead, utilize this vibrant shade primarily for UI accents, buttons, or graphic elements that require visual prominence, always layering it against darker backgrounds or using dark text on top of it.
Is #f8bb49 readable on white or black?
#f8bb49 has a 1.72:1 contrast ratio on white and 12.19: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.