#FDC93D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and luminous, this saturated yellow commands attention. It brings a sense of spontaneity and cheer, making it a natural choice for call-to-action buttons or sale branding. Pair #fdc93d with deep charcoal or black for high-impact contrast, as the dark text remains perfectly readable against this bright backdrop. It works best as a 10% accent rather than a full-page background to avoid overwhelming the viewer.
Questions about #fdc93d
What is #fdc93d in RGB, HSL and CMYK?
In RGB, #fdc93d is rgb(253, 201, 61), in HSL hsl(44, 98%, 62%) and in CMYK 0%, 21%, 76%, 1%.
How should I use #fdc93d in my UI design?
This vibrant yellow performs best as a small-scale accent for buttons or notifications rather than a primary background color. Because it is highly luminous, use it sparingly alongside charcoal or deep black text to ensure sufficient readability and visual impact.
What colors pair well with #fdc93d for a balanced palette?
Is #fdc93d readable on white or black?
#fdc93d has a 1.54:1 contrast ratio on white and 13.59: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.