#FEFE56 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fefe56 is a luminous, high-saturation yellow that commands attention with an intense, sunny energy. Because it is so bright, it works best as a small accent to highlight calls to action or sale buttons rather than a dominant background. Pair it with deep charcoal or navy to ground the brightness. The hex code for this electric yellow is #fefe56, which supports high-contrast, readable black text.
Questions about #fefe56
What is #fefe56 in RGB, HSL and CMYK?
In RGB, #fefe56 is rgb(254, 254, 86), in HSL hsl(60, 99%, 67%) and in CMYK 0%, 0%, 66%, 0%.
How can I effectively use #fefe56 in a website interface?
#fefe56 should be reserved for small, intentional accents rather than backgrounds, as its high saturation can overwhelm the eye. It works perfectly for primary call-to-action buttons or status indicators when paired with charcoal or dark gray text to maintain readability.
What colors pair best with #fefe56 to balance its intensity?
To ground this electric yellow, use high-contrast dark neutrals like navy or charcoal. These dark tones stabilize the visual energy of #fefe56, allowing the color to pop without sacrificing professional clarity or making the design look too chaotic.
Is #fefe56 readable on white or black?
#fefe56 has a 1.07:1 contrast ratio on white and 19.52: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.