#EDBA21 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-saturation yellow carries a warm, golden undertone that commands immediate attention. Because #edba21 is quite intense, it functions best as a 10% accent color for calls to action or sale alerts rather than a full page background. It offers excellent legibility with black text, ensuring accessibility standards remain high. Pair this shade with charcoal grays or deep navies to ground its inherent energy.
Questions about #edba21
What is #edba21 in RGB, HSL and CMYK?
In RGB, #edba21 is rgb(237, 186, 33), in HSL hsl(45, 85%, 53%) and in CMYK 0%, 22%, 86%, 7%.
What colors pair best with #edba21 for a balanced design?
Use deep, neutral tones to ground this intense yellow. Because #edba21 commands attention, pairing it with charcoal or deep navy provides the necessary contrast to make text legible while preventing the layout from feeling overwhelming or disjointed.
Is #edba21 appropriate for use as a background color?
It is generally not recommended to use #edba21 as a full-page background due to its extreme saturation and potential for eye strain. Instead, reserve this yellow for high-impact UI elements like buttons, badges, or specific call-to-action sections.
Is #edba21 readable on white or black?
#edba21 has a 1.80:1 contrast ratio on white and 11.64: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.