#FCE21E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow is incredibly bright and commands attention instantly. Because of its intensity, #fce21e functions best as a small accent color rather than a large background. It pairs exceptionally well with charcoal grays for high-contrast, modern UI elements. Black text remains perfectly legible against this hex code, making it a functional choice for alerts, sales banners, and bold graphic design layouts.
Questions about #fce21e
What is #fce21e in RGB, HSL and CMYK?
In RGB, #fce21e is rgb(252, 226, 30), in HSL hsl(53, 97%, 55%) and in CMYK 0%, 10%, 88%, 1%.
What pairs well with #fce21e in a UI layout?
High-contrast combinations work best with #fce21e because of its intense saturation. It creates a striking, modern look when paired with charcoal for text or dark, neutral backgrounds that prevent the yellow from overwhelming the eye.
Is #fce21e suitable for large-scale web backgrounds?
Use #fce21e sparingly, as it is far too intense for full-page backgrounds. It works effectively as a vibrant pop of color for call-to-action buttons, notification badges, or small graphic elements that need to stand out immediately.
Is #fce21e readable on white or black?
#fce21e has a 1.30:1 contrast ratio on white and 16.03: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.