#FCCF2A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy yellow is bold and aggressive, demanding attention on any page. Because it is so saturated, #fccf2a works best as a 10% accent color for call-to-action buttons or highlights rather than a background. It pairs exceptionally well with deep charcoal grays, which provide the necessary contrast for readability. The hex code for this glowing shade is #fccf2a.
Questions about #fccf2a
What is #fccf2a in RGB, HSL and CMYK?
In RGB, #fccf2a is rgb(252, 207, 42), in HSL hsl(47, 97%, 58%) and in CMYK 0%, 18%, 83%, 1%.
How should I use the high-energy #fccf2a in my UI design?
#fccf2a is best reserved as a 10% accent color to avoid overwhelming users. Because of its extreme saturation, it creates effective contrast when paired with charcoal or deep neutral grays, ensuring your buttons or highlights remain readable.
Is #fccf2a readable on white or black?
#fccf2a has a 1.48:1 contrast ratio on white and 14.09: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.