#F5F050 Hex Color

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

Hex color #f5f050 graphic
#f5f050 is a luminous, high-saturation yellow that demands attention. Because it is so bright, use it as a 10% accent color rather than a primary background to avoid overwhelming the viewer. This shade pairs exceptionally well with charcoal gray or deep navy, creating a high-contrast look that pops. The hex code for this energetic tone is #f5f050, which supports black text for excellent readability.

Questions about #f5f050

What is #f5f050 in RGB, HSL and CMYK?
In RGB, #f5f050 is rgb(245, 240, 80), in HSL hsl(58, 89%, 64%) and in CMYK 0%, 2%, 67%, 4%.
How can I best use #f5f050 in a professional design?
Because #f5f050 is so intense, use it as a 10% accent color to highlight buttons or call-to-action elements rather than for full backgrounds. It creates a striking, high-contrast look when paired with deep charcoal or dark navy text for readability.
Is #f5f050 readable on white or black?
#f5f050 has a 1.20:1 contrast ratio on white and 17.46: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.