#FFE666 Hex Color

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

Hex color #ffe666 graphic
#ffe666 is a high-energy, luminous yellow that feels more like a highlighter than a mellow pastel. It commands attention immediately, making it ideal for call-to-action buttons or warning alerts. Because of its extreme brightness, use it sparingly as a 10% accent rather than a full background. Black text pops clearly against it, ensuring readability is never an issue for your interface designs.

Questions about #ffe666

What is #ffe666 in RGB, HSL and CMYK?
In RGB, #ffe666 is rgb(255, 230, 102), in HSL hsl(50, 100%, 70%) and in CMYK 0%, 10%, 60%, 0%.
How can I use #ffe666 in UI design without overwhelming the user?
Because #ffe666 is extremely luminous, it works best when applied sparingly as a 10% accent color for call-to-action buttons, notifications, or critical alerts. Using it as a full background can cause eye strain, so pair it with charcoal or dark gray text to maintain optimal contrast.
What color schemes pair well with #ffe666?
This bright yellow creates a striking, modern palette when paired with deep, grounding neutrals. It balances beautifully against navy or slate blue, which helps to tone down its high-energy, highlighter-like intensity while creating a visually balanced and professional interface design.
Is #ffe666 readable on white or black?
#ffe666 has a 1.25:1 contrast ratio on white and 16.76: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.