#F2CE00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow is bright, glowing, and impossible to ignore. Because it packs such visual intensity, #f2ce00 works best as an accent color for calls to action or small UI elements rather than a large background. It pairs exceptionally well with deep charcoal or navy text, which ensures excellent readability and keeps the design feeling modern instead of chaotic.
Questions about #f2ce00
What is #f2ce00 in RGB, HSL and CMYK?
In RGB, #f2ce00 is rgb(242, 206, 0), in HSL hsl(51, 100%, 47%) and in CMYK 0%, 15%, 100%, 5%.
How can I use #f2ce00 effectively in web design?
Because #f2ce00 is so intense, it is best reserved for small UI elements like buttons, badges, or notification icons. Using it as a large background often overwhelms the eye, but it serves as a powerful, attention-grabbing accent when used sparingly.
What colors pair well with #f2ce00?
Is #f2ce00 readable on white or black?
#f2ce00 has a 1.54:1 contrast ratio on white and 13.60: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.