#F0C000 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow feels sparkling and energetic, perfect for grabbing attention in marketing or calls to action. Because it sits high on the brightness scale, use #f0c000 as a 10% accent rather than a full background to avoid eye strain. It pairs effectively with deep charcoal grays for high contrast and readability. The hex code for this vivid shade is #f0c000.
Questions about #f0c000
What is #f0c000 in RGB, HSL and CMYK?
In RGB, #f0c000 is rgb(240, 192, 0), in HSL hsl(48, 100%, 47%) and in CMYK 0%, 20%, 100%, 6%.
How can I use #f0c000 in a professional interface without it becoming overwhelming?
Limit #f0c000 to small UI elements like buttons, notification badges, or icon highlights to maintain visual balance. Because this yellow is highly saturated, it works best when paired against charcoal or deep neutrals to ensure high contrast and readability.
Is #f0c000 readable on white or black?
#f0c000 has a 1.71:1 contrast ratio on white and 12.24: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.