#F0C200 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, warm yellow projects an immediate sense of optimism and high energy. Because it is so vivid, #f0c200 works best as a 10% accent color for calls to action or alert notifications rather than a primary background. It pairs exceptionally well with charcoal grays and deep navies to maximize readability, as black text offers excellent contrast against this bright hue.
Questions about #f0c200
What is #f0c200 in RGB, HSL and CMYK?
In RGB, #f0c200 is rgb(240, 194, 0), in HSL hsl(49, 100%, 47%) and in CMYK 0%, 19%, 100%, 6%.
How should I use #f0c200 in a UI design?
This vivid yellow works best as a targeted accent color rather than a primary background. Use #f0c200 for high-priority calls to action, important notification badges, or key interactive elements where you need to draw immediate attention against dark backgrounds like charcoal.
Which colors pair best with #f0c200?
Deep, grounded neutrals create the most effective balance for this intense yellow. Pair #f0c200 with dark navy or charcoal grays to maintain strong contrast and readability, ensuring your design remains accessible and visually anchored without appearing overwhelming or cluttered.
Is #f0c200 readable on white or black?
#f0c200 has a 1.69:1 contrast ratio on white and 12.42: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.