#EEC22A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#eec22a is a high-saturation yellow that commands attention with its intense, glowing warmth. This hex code functions best as a targeted accent to drive engagement, as it can easily overwhelm when used as a primary background. It pairs exceptionally well with deep charcoal or matte black, which provides enough contrast to keep the color legible. Use it sparingly for buttons or calls to action.
Questions about #eec22a
What is #eec22a in RGB, HSL and CMYK?
In RGB, #eec22a is rgb(238, 194, 42), in HSL hsl(47, 85%, 55%) and in CMYK 0%, 18%, 82%, 7%.
What colors pair best with the #eec22a yellow?
Because #eec22a is so visually aggressive, it works best when grounded by high-contrast neutrals like charcoal or deep black. These dark, muted tones allow the yellow to pop as a call-to-action button or highlight without overwhelming the rest of your design.
Should I use #eec22a as a primary background color?
It is generally not recommended to use #eec22a as a primary background because its high intensity often causes eye strain and reduces text readability. Reserve this shade for small UI elements, iconography, or alert badges where you need to draw the eye immediately.
Is #eec22a readable on white or black?
#eec22a has a 1.69:1 contrast ratio on white and 12.38: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.