#FFEC3D Hex Color

High energy neon yellow for bold accents

Hex color #ffec3d graphic
This luminous neon yellow demands attention with its intense, high-saturation energy. Because it sits on the bright end of the spectrum, #ffec3d works best as a sharp accent or CTA button rather than a primary background. It pairs exceptionally well with deep charcoal or black text, which maintains excellent legibility at a 17.3:1 contrast ratio. Use the hex code #ffec3d to inject spontaneity into your next interface.

Questions about #ffec3d

What is #ffec3d in RGB, HSL and CMYK?
In RGB, #ffec3d is rgb(255, 236, 61), in HSL hsl(54, 100%, 62%) and in CMYK 0%, 7%, 76%, 0%.
How should I use #ffec3d in UI design?
#ffec3d functions best as a high-visibility accent color for call-to-action buttons or status indicators rather than a primary background. Its intense saturation can overwhelm the eyes if applied across large surface areas, so keep it strictly limited.
What colors pair well with #ffec3d?
Deep charcoal or pure black text creates the strongest contrast against #ffec3d, ensuring excellent legibility for web interfaces. For a more sophisticated palette, try pairing it with navy to ground the intensity of the yellow.
Is #ffec3d readable on white or black?
#ffec3d has a 1.21:1 contrast ratio on white and 17.31: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.