#F2C94C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sunny yellow is a warm, high-energy tone that demands attention. Because it is highly saturated, #f2c94c works best as a small accent rather than a background color. It pairs beautifully with deep charcoal greys for a modern look that keeps text readable. Use this hex code sparingly in UI design to highlight call-to-action buttons or alert icons where you need maximum visual impact.
Questions about #f2c94c
What is #f2c94c in RGB, HSL and CMYK?
In RGB, #f2c94c is rgb(242, 201, 76), in HSL hsl(45, 86%, 62%) and in CMYK 0%, 17%, 69%, 5%. Browse more shades of yellow with names and hex codes.
Where should I use #f2c94c in web design?
#f2c94c functions best as a high-visibility accent color rather than a primary background shade. Use this hue sparingly for call-to-action buttons, notification badges, or alert icons to ensure your user interface maintains a balanced, readable hierarchy.
What colors pair well with #f2c94c?
Deep neutrals like charcoal or matte black create the strongest contrast, ensuring text legibility against this vibrant yellow. You can also experiment with deep navy or cool slate tones to ground the warmth of this specific hex color.
Is #f2c94c readable on white or black?
#f2c94c has a 1.58:1 contrast ratio on white and 13.23: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.