yellowwarmCC0 survey name

Faded Yellow #FEFF7F

Faded Yellow is a light, vivid warm color (#FEFF7F; HSL 60° 100% 75%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “faded yellow”.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows

Color values

FormatValue
HEX#FEFF7F
RGBrgb(254, 255, 127)
HSLhsl(60, 100%, 75%)
HSVhsv(60, 50%, 100%)
OKLCHoklch(97.41% 0.15 109.3)
OKLaboklab(97.41% -0.0497 0.1419)
CMYKcmyk(0.4%, 0%, 50.2%, 0%)
XYZxyz(80.4657, 94.1251, 34.0038)
CIE-LABlab(97.7, -17.0, 60.3)
CIE-LCHlch(97.7, 62.7, 105.8°)
Luminance0.941 (WCAG relative)
/* Faded Yellow */ --faded-yellow: #feff7f; color: #feff7f; background-color: #feff7f;

Source: xkcd color survey name (public domain, CC0). CSS keyword: fadedyellow.

Collections: Citrus Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#e2e272 #c6c665 #abab58 #91914c #777740 #5f5e34 #474729 #31301e #1c1b13 #000000

Tints (toward white)

#ffff8d #ffff9a #ffffa7 #ffffb4 #ffffc1 #ffffcd #ffffda #ffffe6 #fffff3 #ffffff

Tones (toward gray)

#fffe8c #fffe99 #fffda5 #fffcb1 #fefbbd #fefbc9 #fdfad5 #fcfae1 #faf9ed #f8f8f8

Color harmonies

Complementary

Edit in generator →
#FEFF7F
#807FFF
#feff7f #807fff

Analogous

Edit in generator →
#FFC07F
#FEFF7F
#BEFF7F
#ffc07f #feff7f #beff7f

Triadic

Edit in generator →
#FEFF7F
#7FFEFF
#FF7FFE
#feff7f #7ffeff #ff7ffe

Tetradic

Edit in generator →
#FEFF7F
#7FFFC0
#807FFF
#FF7FBE
#feff7f #7fffc0 #807fff #ff7fbe

Square

Edit in generator →
#FEFF7F
#7FFFC0
#807FFF
#FF7FBE
#feff7f #7fffc0 #807fff #ff7fbe

Split Complementary

Edit in generator →
#FEFF7F
#7FBEFF
#C07FFF
#feff7f #7fbeff #c07fff

Monochromatic

Edit in generator →
#FDFF05
#FEFF42
#FEFF7F
#FEFFBC
#FFFFE0
#fdff05 #feff42 #feff7f #feffbc #ffffe0

Accessibility & contrast

1.06
#FEFF7F on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
19.82
#FEFF7F on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on faded yellow

19.82
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#FFF673
Deuteranopia (green-blind)
#FFFA86
Tritanopia (blue-blind)
#FFF2E2

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Butter #FFFF810.31
Pale Yellow #FFFF840.61
Light Yellow #FFFE7A0.74
Custard #FFFD781.04
Butter Yellow #FFFD741.39
Pastel Yellow #FFFE711.63

Colors that go with faded yellow

Top matches by hue harmony, contrast and saturation compatibility.

Olive #808000
4.0:1
Same hue family as faded yellow (Δh 0°) — guaranteed harmony
Maroon #800000
10.3:1
Text-safe contrast with the anchor (10.34:1, passes WCAG AA)
5.3:1
Triadic harmony (Δh ≈123°) — balanced three-way contrast
Denim #1560BD
5.8:1
Split-complementary angle (Δh ≈153°) — strong but softer than direct complement
Dark Periwinkle #665FD1
4.8:1
Complementary hue (Δh ≈177°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.