#F0C508 Hex Color

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

Hex color #f0c508 graphic
Not a pale butter tone, this yellow is loud, saturated, and glowing. Its high chroma gives it a sale-tag energy, so #f0c508 works best as a 10% accent on dark grounds rather than a full background. Pair it with deep teal or charcoal. Black text on the hex code #f0c508 passes WCAG AA at about 12.7:1 contrast.

Questions about #f0c508

What is #f0c508 in RGB, HSL and CMYK?
In RGB, #f0c508 is rgb(240, 197, 8), in HSL hsl(49, 94%, 49%) and in CMYK 0%, 18%, 97%, 6%.
What colors pair well with #f0c508?
Deep teal and charcoal make #f0c508 look richer, while plain white can wash it out. Treat it as a small accent against dark navy or near-black bases.
Where does #f0c508 work best in a design?
In small doses. Sale badges, call-to-action buttons, and construction signage suit its loud character. Large fields of it can strain the eye.
Is #f0c508 readable on white or black?
#f0c508 has a 1.65:1 contrast ratio on white and 12.69: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.