#EFDE21 Hex Color

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

Hex color #efde21 graphic
This sparkling, high-chroma yellow commands immediate attention. Because #efde21 is so saturated and warm, it works best as a punchy accent color rather than a dominant background. Pair it with deep charcoal or slate gray to ground its intensity and improve readability. The hex code for this neon yellow is #efde21, which provides excellent contrast for black text in buttons or call-to-action elements.

Questions about #efde21

What is #efde21 in RGB, HSL and CMYK?
In RGB, #efde21 is rgb(239, 222, 33), in HSL hsl(55, 87%, 53%) and in CMYK 0%, 7%, 86%, 6%.
How do I use #efde21 effectively in UI design?
Since #efde21 is extremely high-chroma, it functions best as a focused accent rather than a background color. Use it for call-to-action buttons or highlights against a dark charcoal or deep slate background to ensure the text remains legible.
What colors pair well with the intensity of #efde21?
To ground this vibrant neon, pair it with neutral, dark shades that lack high saturation. A deep navy or a matte graphite provides enough visual weight to stabilize the intensity of #efde21, creating a balanced and professional interface.
Is #efde21 readable on white or black?
#efde21 has a 1.38:1 contrast ratio on white and 15.14: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.