#FDD703 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation yellow like #fdd703 brings immediate energy to any design. Its neon intensity works best as a small, punchy accent to draw the eye toward call-to-action buttons or headers. Pair this hex code with dark slate or charcoal to ground the brightness. It provides a sharp 14.9:1 contrast against black text, ensuring that critical UI elements remain accessible and easy to read.
Questions about #fdd703
What is #fdd703 in RGB, HSL and CMYK?
In RGB, #fdd703 is rgb(253, 215, 3), in HSL hsl(51, 98%, 50%) and in CMYK 0%, 15%, 99%, 1%.
What colors pair best with #fdd703?
To balance the neon intensity of #fdd703, pair it with deep neutrals like charcoal or matte slate. This provides a clean, high-contrast anchor that prevents the yellow from overpowering your primary design elements or layout.
Is #fdd703 readable on white or black?
#fdd703 has a 1.40:1 contrast ratio on white and 14.89: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.