#FCD34D Hex Color
A radiant, sunny yellow that commands attention
This bright, glowing yellow radiates optimism and works best as a punchy accent color. Avoid using #fcd34d as a full-page background, as its high saturation can quickly overwhelm the viewer. It shines when paired with charcoal grays or deep navies to ground the energy. Because black text maintains strong contrast against this hex code, it remains highly readable for small details and UI call-to-action buttons.
Questions about #fcd34d
What is #fcd34d in RGB, HSL and CMYK?
In RGB, #fcd34d is rgb(252, 211, 77), in HSL hsl(46, 97%, 65%) and in CMYK 0%, 16%, 69%, 1%.
How can I balance the intensity of #fcd34d in a design?
Use #fcd34d sparingly as a punchy accent color against neutral backdrops to prevent visual fatigue. It pairs effectively with charcoal or deep navy, which ground the high energy of this yellow while keeping your interface clean and readable.
Is #fcd34d suitable for body text or background usage?
Avoid using #fcd34d for large backgrounds or body text because its high luminosity reduces legibility significantly. It works best as a vibrant highlight for specific UI elements, like buttons or icons, where black text ensures the necessary contrast for accessibility.
Is #fcd34d readable on white or black?
#fcd34d has a 1.44:1 contrast ratio on white and 14.56: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.