#FDD07D Hex Color

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

Hex color #fdd07d graphic
#fdd07d is a pale, sun-drenched yellow with significant warmth. It feels energetic and approachable, making it a reliable choice for baby-focused branding or spring-themed backgrounds. Because this light shade offers high contrast against black text, it works well for UI elements that require readability. Pair it with deep charcoal or navy blue to ground its brightness and prevent the design from looking washed out.

Questions about #fdd07d

What is #fdd07d in RGB, HSL and CMYK?
In RGB, #fdd07d is rgb(253, 208, 125), in HSL hsl(39, 97%, 74%) and in CMYK 0%, 18%, 51%, 1%. Browse more shades of yellow with names and hex codes.
What colors complement #fdd07d best for a balanced design?
To prevent #fdd07d from looking washed out, pair it with deep, grounding tones like charcoal or navy blue. These dark, high-contrast partners provide the visual weight needed to make the yellow feel energetic rather than pale or sickly.
Is #fdd07d a good choice for text-heavy interface backgrounds?
While #fdd07d is bright and approachable, use it sparingly for large blocks of text as it may cause eye fatigue. Instead, reserve this shade for buttons, icons, or highlighting key UI elements against black or very dark charcoal backgrounds.
Is #fdd07d readable on white or black?
#fdd07d has a 1.44:1 contrast ratio on white and 14.49: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.