#F6F505 Hex Color
High-impact neon yellow for urgent accents
This high-saturation, neon yellow is aggressive and commands immediate attention. Because it strains the eyes in large doses, the hex code #f6f505 functions best as a high-impact accent color rather than a background. Pair it with deep charcoal or matte black to create readable, high-contrast UI elements. It is an effective choice for urgent call-to-action buttons where visibility is the main priority.
Questions about #f6f505
What is #f6f505 in RGB, HSL and CMYK?
In RGB, #f6f505 is rgb(246, 245, 5), in HSL hsl(60, 96%, 49%) and in CMYK 0%, 0%, 98%, 4%.
What is the best way to use #f6f505 in web design?
Limit #f6f505 to small, high-impact UI elements like call-to-action buttons or status indicators, as its extreme saturation causes visual fatigue in larger blocks. Pairing it with dark text or deep backgrounds provides the contrast necessary for readability and impact.
Which colors pair best with #f6f505?
This shade works effectively against neutral, grounding colors like charcoal or deep matte black to maintain legibility. Using it with complementary purples creates a jarring, high-energy vibration that should be reserved only for the boldest design applications.
Is #f6f505 readable on white or black?
#f6f505 has a 1.16:1 contrast ratio on white and 17.98: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.