#FFFF31
Yellow family

Daffodil

Also known as: vibrant · cheerful · sunny · floral · fresh
Save
Hex #FFFF31
RGB rgb(255, 255, 49)
HSL hsl(60°, 100%, 60%)
CMYK 0 · 0 · 81 · 0
RAL RAL 1018 · Zinc Yellow

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, daffodil symbolizes renewal and hope, often associated with the onset of spring and new beginnings. However, in some Asian cultures, it is seen as a symbol of misfortune if given as a gift, highlighting the color's nuanced interpretations.

The term 'daffodil' derives from the Middle English 'daffodill', a variation of the earlier 'asphodel', a reference to the flower's lineage. Daffodils have been cultivated since at least the 16th century and were extensively featured in Victorian gardens, reflecting their popularity during that era.

vibrantcheerfulsunnyfloralfresh

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Daffodil. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 29 Yellows →

Shades & tints

Nine steps of Daffodil by lightness — from #858519 (darkest) to #FFFF94 (lightest). Click any to copy.

-40% #858519
-30% #A3A31F
-20% #C2C225
-10% #E0E02B
BASE #FFFF31
+15% #FFFF4A
+30% #FFFF62
+50% #FFFF7B
+70% #FFFF94

Complementary

Sitting opposite Daffodil at 240° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Daffodil.

#FFFF31
#FF5733
#FFFFFF
#B0B0B0
#F1C40F

Sunshine Burst

Bright Delight
#FFFF31
#2ECC71
#FFFFFF
#7F8C8D
#E67E22

Spring Awakening

Fresh Growth
#FFFF31
#F39C12
#FFFFFF
#34495E
#8E44AD

Golden Garden

Joyful Bloom

Daffodil scale

A 50–900 tonal scale with Daffodil anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFFFEF
100 #FFFFDA
200 #FFFFB1
300 #FFFF88
400 #FFFF5C
500 #FFFF31
600 #D1D128
700 #A8A820
800 #808019
900 #575711

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 19.6:1
Daffodil as text on… Ratio AA AAA
Aa White background 1.07:1 Fail Fail
Aa Black background 19.6:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FFFF31

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #FFFF31;
CSS color-mix (lighten 30%) color-mix(in srgb, #FFFF31 70%, white)
HSV / HSB 60°, 81%, 100%
CMYK (print) 0, 0, 81, 0
Decimal 16777009
Nearest web-safe #FFFF33

Color vision

How Daffodil appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FFFF31

Protanopia (no red)

#FFFF63

Deuteranopia (no green)

#FFFF6F

Tritanopia (no blue)

#FF8A93
Sunflower
22 / 29 Yellows Banana
Copied!