Color Palettes

Daffodil color

A bright, fresh yellow named after the trumpet-shaped spring flower. It signals the start of spring and is lovely for Easter decor, garden themes and cheerful fashion.

Also known as: Daffodil yellow.

Open in editor

The hex code for daffodil is #FFFF31. In RGB it is rgb(255, 255, 49), in HSL hsl(60, 100%, 60%) and in CMYK 0, 0, 81, 0.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to daffodil

Sunshine yellow#FFFD37Lemon yellow#FFF700Yellow#FFFF00Canary yellow#FFEF00Bright yellow#FFEA00Dandelion#F0E130

About daffodil

Daffodil (#FFFF31) is a warm, mid-tone, highly saturated color. It belongs to the yellows family. It mixes 255 red, 255 green and 49 blue (out of 255). It is mostly used in spring, florals, fashion.

Swatch of Daffodil with its shades from light to dark · #FFFF31
Daffodil · #FFFF31

Daffodil shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Daffodil color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Blue
AnalogousClose to: Carrot orange, Bright green
TriadicClose to: Cyan, Magenta
Split complementaryClose to: Bright blue, Violet
TetradicClose to: Spring green, Blue, Deep pink

Daffodil color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Daffodil
Analogous palette · Daffodil
Complementary palette · Daffodil
Triadic palette · Daffodil
With neutrals palette · Daffodil
With an accent palette · Daffodil

Daffodil contrast with text

White textContrast 1.1:1 · Not recommended
Black textContrast 19.6:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --daffodil: #FFFF31;
  --daffodil-rgb: 255, 255, 49;
}
.bg { background-color: var(--daffodil); }
.text { color: var(--daffodil); }

Colors similar to daffodil

PearGolden yellowBanana yellowCitrine

More yellows

YellowGoldOld goldMustard yellowLemon yellowAmberWheatHoneyCanary yellowSaffronChampagnePastel yellowFluorescent yellowCorn yellowSunflower yellowGoldenrodDark goldenrodButter yellowMarigoldMaizeBanana yellowMellow yellowGolden yellowMetallic gold
Swatch of Daffodil with its shades from light to dark · #FFFF31
Swatch of Daffodil with its shades from light to dark · #FFFF31

Try this next

Name color paletteType a name and get your own color story paletteFamily birth flower bouquetEveryone's birth flowers in one bouquetBirthday Color PatternPlaids and stripes from your family's birthdays
See all free tools →

Frequently asked questions

What is the hex code for daffodil?

The hex code for daffodil is #FFFF31. In RGB it is rgb(255, 255, 49), in HSL hsl(60, 100%, 60%) and in CMYK 0, 0, 81, 0.

What is the complementary color of daffodil?

Its complement on the color wheel is #3131FF, close to blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on daffodil?

Use black text instead: the contrast with white is only 1.1:1, while with black it is 19.6:1.