#FCD700 Hex Color

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

Hex color #fcd700 graphic
#fcd700 is a high-energy, neon-adjacent yellow that commands instant attention. Because of its intense brightness, it serves best as a purposeful accent color rather than a large background. It pairs well with deep charcoals or navy for modern contrast. Black text reads clearly over this shade with a 14.9:1 contrast ratio. Designers rely on the hex code #fcd700 for sales calls-to-action and playful UI elements.

Questions about #fcd700

What is #fcd700 in RGB, HSL and CMYK?
In RGB, #fcd700 is rgb(252, 215, 0), in HSL hsl(51, 100%, 49%) and in CMYK 0%, 15%, 100%, 1%.
What colors pair best with #fcd700?
#fcd700 works best when paired with deep, neutral tones that ground its intense luminosity, such as a sharp navy or a rich, dark charcoal. These dark neutrals balance the yellow's brightness, creating a professional look that keeps your designs readable and visually organized.
Is #fcd700 suitable for text backgrounds?
Using #fcd700 as a background for text is generally unsafe for accessibility because it is extremely bright. However, it is an excellent choice for bold, high-contrast black text, as the combination achieves a high readability score for buttons and distinct UI highlights.
Is #fcd700 readable on white or black?
#fcd700 has a 1.41:1 contrast ratio on white and 14.85: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.