#F7F70C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity neon yellow grabs attention immediately with its extreme saturation. Because it is so dominant, use #f7f70c as a small accent color rather than a large background to avoid overwhelming the user. It pairs effectively with deep charcoals for a modern, high-contrast look. The hex code for this luminous yellow is #f7f70c, which provides enough contrast for black text to remain legible.
Questions about #f7f70c
What is #f7f70c in RGB, HSL and CMYK?
In RGB, #f7f70c is rgb(247, 247, 12), in HSL hsl(60, 94%, 51%) and in CMYK 0%, 0%, 95%, 3%.
How should I effectively use #f7f70c in a design interface?
Because #f7f70c is extremely saturated, it works best as a small-scale accent for buttons, alerts, or hover states rather than a large background. It creates a modern, high-contrast look when paired with dark tones like charcoal or deep navy, keeping your UI sharp and readable.
Is #f7f70c readable on white or black?
#f7f70c has a 1.14:1 contrast ratio on white and 18.26: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.