#FFD080 Hex Color

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

Hex color #ffd080 graphic
This pastel yellow-orange is a sunny, optimistic shade that brings warmth to any layout. Because #ffd080 provides excellent contrast with black text, it works as a highly readable background for youthful or energetic branding. While it feels fresh and playful in seasonal themes, use it as a 30% accent to avoid overwhelming your audience. The hex code for this glowing color is #ffd080.

Questions about #ffd080

What is #ffd080 in RGB, HSL and CMYK?
In RGB, #ffd080 is rgb(255, 208, 128), in HSL hsl(38, 100%, 75%) and in CMYK 0%, 18%, 50%, 0%.
What colors pair well with #ffd080 in a design scheme?
#ffd080 creates a harmonious balance when paired with deep, grounding neutrals like charcoal or navy, which effectively anchor its brightness. For a more vibrant, playful palette, you can combine this soft orange with contrasting cool tones like teal or sage to create visual interest.
How can I use #ffd080 in UI design without overwhelming the viewer?
Because #ffd080 is highly saturated and energetic, it functions best as a focused accent rather than a primary background color. Limit its usage to about 30 percent of your layout, such as for call-to-action buttons or highlighted data points, to maintain a comfortable visual hierarchy.
Is #ffd080 readable on white or black?
#ffd080 has a 1.43:1 contrast ratio on white and 14.58: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.