#F7C80C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy, saturated yellow demands attention. Because #f7c80c has such high intensity, it works best as a 10% accent color rather than a dominant background. It pairs exceptionally well with charcoal gray or deep navy to ground its brightness. While black text remains readable against this hue, use it sparingly to avoid visual fatigue. The hex code for this shade is #f7c80c.
Questions about #f7c80c
What is #f7c80c in RGB, HSL and CMYK?
In RGB, #f7c80c is rgb(247, 200, 12), in HSL hsl(48, 94%, 51%) and in CMYK 0%, 19%, 95%, 3%.
How should I use #f7c80c in my design layout?
Treat #f7c80c as a selective 10% accent color rather than a dominant background to maintain visual comfort. It creates a striking, high-contrast look when paired with deep charcoal or navy, but avoid using it for large blocks of text to prevent eye strain.
Is #f7c80c readable on white or black?
#f7c80c has a 1.58:1 contrast ratio on white and 13.22: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.