#EFD243 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy yellow packs a punch with its warm, glowing intensity. Because it commands immediate attention, #efd243 works best as a sharp accent rather than a full page background. It creates a striking contrast against charcoal or deep navy, making it perfect for UI elements like buttons or notification badges. Black text remains readable over this hue, offering strong accessibility for small details.
Questions about #efd243
What is #efd243 in RGB, HSL and CMYK?
In RGB, #efd243 is rgb(239, 210, 67), in HSL hsl(50, 84%, 60%) and in CMYK 0%, 12%, 72%, 6%.
Does #efd243 work as a primary background color?
While #efd243 is vibrant, using it as a full-page background often overwhelms the eye and strains readability. It works much better as a sharp, high-contrast accent, such as for call-to-action buttons or notification badges, when paired with charcoal or deep navy text.
Is #efd243 readable on white or black?
#efd243 has a 1.50:1 contrast ratio on white and 13.96: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.