#FFE662 Hex Color

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

Hex color #ffe662 graphic
Luminous and highly saturated, #ffe662 functions best as a high-visibility accent color rather than a large-scale background. Its intensity draws immediate attention, making it useful for sales buttons or warning UI elements. Black text remains perfectly legible over this tone, which pairs surprisingly well with deep charcoal grays for a modern aesthetic. If you need other shades of yellow for a more subtle palette, use this hex code sparingly.

Questions about #ffe662

What is #ffe662 in RGB, HSL and CMYK?
In RGB, #ffe662 is rgb(255, 230, 98), in HSL hsl(50, 100%, 69%) and in CMYK 0%, 10%, 62%, 0%.
Does #ffe662 work well for text-heavy layouts?
#ffe662 is generally too intense and low-contrast for large blocks of text, as it can cause eye strain quickly. Use it sparingly for interactive elements like buttons or highlights where high visibility is the primary design requirement.
What colors pair best with #ffe662?
Deep charcoal or near-black tones create the strongest contrast, providing a modern and legible look against the intensity of #ffe662. For a softer but still balanced approach, consider using navy blue to temper the yellow's warmth.
Is #ffe662 readable on white or black?
#ffe662 has a 1.25:1 contrast ratio on white and 16.74: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.