#FFE046 Hex Color

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

Hex color #ffe046 graphic
This glowing, high-saturation yellow demands immediate attention, making it a natural choice for sale banners or urgent CTA buttons. The hex code #ffe046 carries enough intensity to work as a loud accent against deep charcoal or navy, but it can overwhelm a layout if used as a primary background. Pair it with dark text to maintain optimal readability and impact.

Questions about #ffe046

What is #ffe046 in RGB, HSL and CMYK?
In RGB, #ffe046 is rgb(255, 224, 70), in HSL hsl(50, 100%, 64%) and in CMYK 0%, 12%, 73%, 0%.
What works best as a companion color for #ffe046?
Deep neutrals like navy or charcoal provide the necessary visual weight to ground this high-energy yellow. These dark tones create strong contrast, making the yellow pop for buttons or alerts while keeping your design professional and highly readable for users.
Is #ffe046 a good choice for text?
This yellow is far too bright for body text, as it fails accessibility standards on almost any background. Reserve it strictly for graphic elements, icons, or attention-grabbing CTA buttons where legibility is not the requirement for large blocks of text.
Is #ffe046 readable on white or black?
#ffe046 has a 1.31:1 contrast ratio on white and 16.00: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.