#E2C922 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy, golden yellow brings immediate focus to a design. Because it is highly saturated, #e2c922 works best as a 10% accent rather than a full background, where it can quickly overwhelm the viewer. Pair it with deep charcoal or matte black text to maximize readability, as the contrast ratio is excellent. The hex code for this sharp, attention-grabbing shade is #e2c922.
Questions about #e2c922
What is #e2c922 in RGB, HSL and CMYK?
In RGB, #e2c922 is rgb(226, 201, 34), in HSL hsl(52, 77%, 51%) and in CMYK 0%, 11%, 85%, 11%.
How should I use #e2c922 without overwhelming a design?
Use #e2c922 as a 10% accent color to draw the eye toward important call-to-action buttons or specific icons. Because it is highly saturated, it tends to clash or vibrate against other bright colors, so keep it isolated on neutral white or dark surfaces.
Is #e2c922 readable on white or black?
#e2c922 has a 1.66:1 contrast ratio on white and 12.61: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.