#FDEE00
Yellow family

Aureolin

Also known as: vibrant · luminous · cheerful · golden · fresh
Save
Hex #FDEE00
RGB rgb(253, 238, 0)
HSL hsl(56°, 100%, 50%)
CMYK 0 · 6 · 100 · 1
RAL RAL 1026 · Luminous Yellow
NCS S 0560-Y

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

Meaning

In Western cultures, aureolin evokes feelings of optimism and joy, often associated with light and enlightenment. However, in some Eastern traditions, bright yellows can symbolize caution and warning, showcasing the color's dual nature across cultural contexts.

Aureolin was first introduced in the 19th century, specifically in 1850 by the chemist William Henry Perkin, who synthesized it as a bright, stable pigment. Its name is derived from the Latin 'aureolus', meaning 'golden', reflecting its luminous quality and appeal in art.

vibrantluminouscheerfulgoldenfresh

Similar colors

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

All 29 Yellows →

Shades & tints

Nine steps of Aureolin by lightness — from #847C00 (darkest) to #FEF67A (lightest). Click any to copy.

-40% #847C00
-30% #A29800
-20% #C0B500
-10% #DFD100
BASE #FDEE00
+15% #FDF01F
+30% #FDF23D
+50% #FEF45C
+70% #FEF67A

Complementary

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

Palettes

Curated 5-color combinations featuring Aureolin.

#FDEE00
#FF5733
#F5F5F5
#4CAF50
#3498DB

Sunny Delight

Joyful Energy
#FDEE00
#FFC300
#888888
#FF5733
#C70039

Golden Horizon

Warm Embrace
#FDEE00
#2C3E50
#FFFFFF
#E74C3C
#8E44AD

Vivid Awakening

Dynamic Contrast

Aureolin scale

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

50 #FFFEEB
100 #FFFCD1
200 #FEF99E
300 #FEF56B
400 #FDF236
500 #FDEE00
600 #CFC300
700 #A79D00
800 #7F7700
900 #565100

Accessibility

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

Aa Best text color: #000000 · 17.41:1
Aureolin as text on… Ratio AA AAA
Aa White background 1.21:1 Fail Fail
Aa Black background 17.41: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 #FDEE00

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

CSS color: #FDEE00;
CSS color-mix (lighten 30%) color-mix(in srgb, #FDEE00 70%, white)
HSV / HSB 56°, 100%, 99%
CMYK (print) 0, 6, 100, 1
Decimal 16641536
Nearest web-safe #FFFF00

Color vision

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

Normal vision

#FDEE00

Protanopia (no red)

#F7F63A

Deuteranopia (no green)

#F7F947

Tritanopia (no blue)

#FC6771
Sunglow
18 / 29 Yellows Corn
Copied!