#FFF424 Hex Color

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

Hex color #fff424 graphic
This high-saturation yellow is incredibly luminous and demands instant attention. Because of its intense brightness, #fff424 works best as a small accent color rather than a primary background, where it can easily overwhelm the eye. Pair it with deep charcoal or matte black text for maximum readability and impact. The hex code for this electric tone is #fff424.

Questions about #fff424

What is #fff424 in RGB, HSL and CMYK?
In RGB, #fff424 is rgb(255, 244, 36), in HSL hsl(57, 100%, 57%) and in CMYK 0%, 4%, 86%, 0%.
How can I use #fff424 in a design without overwhelming the viewer?
Treat #fff424 as a functional accent color for buttons, calls to action, or highlight indicators rather than a primary background. Pair it with dark, neutral tones like charcoal or deep matte black to ensure text remains legible and professional.
Is #fff424 readable on white or black?
#fff424 has a 1.15:1 contrast ratio on white and 18.21: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.