#FFEE56 Hex Color

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

Hex color #ffee56 graphic
Bright and highly saturated, #ffee56 brings a warm, neon-like lift to layouts without feeling harsh. Its mellow yellow character suggests enthusiasm and optimism. Use it for sale graphics, budget messaging, or construction branding. As a small accent, it pairs well with charcoal or navy, while black text remains highly readable. The hex code is #ffee56.

Questions about #ffee56

What is #ffee56 in RGB, HSL and CMYK?
In RGB, #ffee56 is rgb(255, 238, 86), in HSL hsl(54, 100%, 67%) and in CMYK 0%, 7%, 66%, 0%.
Which colors pair well with #ffee56?
The strongest pairings for #ffee56 are charcoal, navy, and black, which ground its bright warmth without competing for attention. Use these darker colors for headlines, borders, buttons, or other elements that need clear separation.
Is #ffee56 warm or cool?
#ffee56 reads as a warm yellow because its red and green values are high while its blue value is much lower, creating a sunny, energetic impression rather than a cool green-yellow.
Where does #ffee56 work well in design?
Use #ffee56 for sale graphics, budget messaging, or construction branding when you need an energetic visual cue; it works especially well for small buttons, labels, and promotional highlights in otherwise restrained layouts.
Is #ffee56 readable on white or black?
#ffee56 has a 1.19:1 contrast ratio on white and 17.61: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.