#F0BA4A Hex Color

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

Hex color #f0ba4a graphic
#f0ba4a is a warm, saturated yellow with bright, golden undertones. It carries a high energy that works best as a sharp accent rather than a background color. Because this hex code pairs well with dark charcoal or deep navy, it is a practical choice for UI buttons and CTA highlights. The high contrast allows for readable black text, making it useful for clear, direct communication.

Questions about #f0ba4a

What is #f0ba4a in RGB, HSL and CMYK?
In RGB, #f0ba4a is rgb(240, 186, 74), in HSL hsl(40, 85%, 62%) and in CMYK 0%, 23%, 69%, 6%.
What colors pair well with #f0ba4a in UI design?
#f0ba4a creates a balanced, high-contrast look when paired with deep navy or charcoal. These dark neutrals ground the brightness of the yellow, making buttons and call-to-action elements pop without overwhelming the rest of your interface design.
Is #f0ba4a readable on white or black?
#f0ba4a has a 1.77:1 contrast ratio on white and 11.82: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.