#F0BD00 Hex Color

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

Hex color #f0bd00 graphic
#f0bd00 is a high-saturation, warm yellow that commands immediate attention. Its glowing quality works best as a sharp accent rather than a background color. Pair this hex code with dark charcoal for a balanced interface, as black text remains readable against it. It suits call-to-action buttons or highlights where high visibility is required. Avoid using it for large, text-heavy blocks to prevent eye strain.

Questions about #f0bd00

What is #f0bd00 in RGB, HSL and CMYK?
In RGB, #f0bd00 is rgb(240, 189, 0), in HSL hsl(47, 100%, 47%) and in CMYK 0%, 21%, 100%, 6%.
What is the best way to use #f0bd00 in a UI design?
#f0bd00 functions best as a high-visibility accent color for primary call-to-action buttons or status indicators. Because it is so intense, limit its use to small, interactive elements rather than large backgrounds to prevent visual fatigue and keep interfaces accessible.
Which colors pair well with #f0bd00?
This yellow balances perfectly against deep, dark neutrals like charcoal or near-black tones, which ground its high energy. For a more sophisticated palette, try pairing #f0bd00 with navy to create a high-contrast complementary scheme that feels both professional and energetic.
Is #f0bd00 readable on white or black?
#f0bd00 has a 1.75:1 contrast ratio on white and 11.98: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.