#EEF226 Hex Color

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

Hex color #eef226 graphic
#eef226 is an intense, high-visibility yellow that demands immediate attention. Because of its extreme saturation, it works best as a punchy accent color rather than a large background. It pairs exceptionally well with deep charcoals or dark navies, which ground its spontaneous energy. Black text remains perfectly readable against this shade, making it a functional choice for high-impact buttons or bold warning labels.

Questions about #eef226

What is #eef226 in RGB, HSL and CMYK?
In RGB, #eef226 is rgb(238, 242, 38), in HSL hsl(61, 89%, 55%) and in CMYK 2%, 0%, 84%, 5%.
How should I use #eef226 in my design projects?
#eef226 is an extremely high-visibility shade that functions best as a tactical accent rather than a background. Use it sparingly for call-to-action buttons or warning indicators where you need to grab immediate user attention without overwhelming the overall layout.
What colors pair well with #eef226?
This intense yellow looks best when grounded by deep, neutral tones that absorb its excessive saturation. Pair it with dark charcoal or deep navy to create strong contrast and readability, as black text is highly legible against this bright hue.
Is #eef226 readable on white or black?
#eef226 has a 1.20:1 contrast ratio on white and 17.36: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.