#FFEE03 Hex Color

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

Hex color #ffee03 graphic
This high-energy, luminous yellow commands immediate attention, making it ideal for call-to-action buttons or sale banners. Because of its extreme saturation, use #ffee03 sparingly as a 10% accent color rather than a large background to avoid overwhelming the eye. It pairs surprisingly well with deep charcoal or navy text, which provides the high contrast needed for excellent legibility. The hex code for this color is #ffee03.

Questions about #ffee03

What is #ffee03 in RGB, HSL and CMYK?
In RGB, #ffee03 is rgb(255, 238, 3), in HSL hsl(56, 100%, 51%) and in CMYK 0%, 7%, 99%, 0%.
Why is #ffee03 so effective for call-to-action buttons?
This luminous yellow commands immediate attention, making it one of the most visible choices for UI elements like buttons or notification badges. Because of its extreme saturation, it creates a powerful focal point against neutral backgrounds like charcoal or navy.
How can I balance the intensity of #ffee03 in a design?
Use #ffee03 sparingly, ideally as a 10% accent color, rather than as a large background. This prevents the hue from overwhelming the viewer's eye while still providing the high-energy, vibrant punch needed to guide a user's attention across your layout.
Is #ffee03 readable on white or black?
#ffee03 has a 1.20:1 contrast ratio on white and 17.48: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.