#FEC54D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #fec54d graphic
A sparkling, high-energy yellow, #fec54d radiates warmth and spontaneity. Because this saturated tone carries strong visibility, it works best as a 10% accent color rather than a primary background. It pairs exceptionally well with charcoal greys and deep navies to ground its intensity. Black text maintains high accessibility here, ensuring readability remains crisp even at smaller sizes. The hex code for this shade is #fec54d.

Questions about #fec54d

What is #fec54d in RGB, HSL and CMYK?
In RGB, #fec54d is rgb(254, 197, 77), in HSL hsl(41, 99%, 65%) and in CMYK 0%, 22%, 70%, 0%.
What colors pair best with #fec54d in a design palette?
#fec54d works best when paired with deep, neutral tones that anchor its high energy. Combining it with charcoal or deep navy provides a professional contrast that makes the yellow pop without overwhelming the viewer's eyes.
Is #fec54d readable on white or black?
#fec54d has a 1.57:1 contrast ratio on white and 13.30: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.