Butter Yellow#FFFD74, a warm-leaning brilliant lemon

At a glanceButter Yellow is #FFFD74, oklch(97.0% 0.158 108.2), a warm-leaning brilliant lemon. Pair it with a cool vivid blue #2758C1 as an accent, a warm medium orange #E99B5C for harmony, and a warm pale lime #F3F3E4 as a neutral. Reach for it as a light surface, or a brand or accent color, and it takes black text at AA contrast. It's lighter than the paper, though, so no coated press can reach it. The brightest thing on a sheet is the sheet.
Color codes

Butter Yellow in RGB, HSL, OKLCH & more

Ready to ship: every line pastes straight into your codebase, and the whole file copies at once.

fffd74.css
:root { /* how your code speaks it */ /* how your eyes measure it */ /* how the lab measures it, D65 2° */}/* tailwind v4 */

ART is Rhapsody's perceptual model. How ART works

Color family

What kind of yellow is Butter Yellow?

Every color has a place in the standard vocabulary. This is Butter Yellow's, measured rather than asserted.

Butter Yellow's Munsell numbers - the industry way of describing hue, value (how light), and chroma (how vivid) - come up one short. Value reads 9.7. Hue and chroma don't, because the reference data behind that math thins out at the very light and very dark ends of the scale, and at value 9.7 it runs dry before the math converges. Printing a hue or chroma here would be invented, not measured, so Rhapsody leaves them blank. ISCC-NBS, the standard built on top of Munsell that sorts every color into one of 267 named ranges, still places this one in brilliant greenish yellow, by its nearest match.

Nothing else on this page leans on that missing number. The tonal scale, the pairings, and the press comparison below all come from separate measurements, and they land on Butter Yellow just fine. It's the notation that runs dry here, not the color.

Munsell coordinates and block from the ISCC-NBS system, computed by Rhapsody's own renotation inversion.

Tints & shades

Shades of Butter Yellow, lighter and darker

For hover states, washed backgrounds, and dark surfaces that still read as #FFFD74. 13 steps, spaced evenly by eye, with the color itself sitting at its natural depth, butter-yellow-200.

Tints (light surfaces; dark text passes on every one)

Midtones (the color at full strength, for brand & accent work)

Shades (dark surfaces; light text passes on every one)

Rhapsody Palette

Most tools mix. Rhapsody measures.

Paste any color. The whole system comes back, contrast-checked before you see it.

Build your palette free

The window on the right was generated from #FFFD74, like this whole page.

Accessibility

Is Butter Yellow accessible? Contrast with white & black

Strong contrast makes your work readable by everyone, and meets the WCAG standard accessibility law points at. AA is the floor; AAA is the tier worth aiming for in body text. Black text on #FFFD74 clears WCAG AAA. Every strip below is one surface, and the marks are the steps that reach AAA on it.

Rows are text, columns are background · 64 of 210 pairings reach WCAG 2.2 AAA, shown here.

Rhapsody Palette

Ship the audit, not screenshots.

Run #FFFD74 against the colors you actually ship, every pairing and any target, and export it: exact ratios, the AA tier, APCA, in one file.

Get the full audit

The audit on the right was calibrated from #FFFD74, like this whole page.

Print

Butter Yellow in CMYK: one value for files, one per press

None of these presses can print this color. It's lighter than the paper, and ink only darkens a sheet, so the brightest thing on a printed page is the page itself. So what do you do? Pick a brighter stock, or let the paper be your lightest tone and build the contrast somewhere else.

In CMYK, #FFFD74 is . That is the value design tools and file formats use when no press is involved.

On press (what each standard prints)

CGATS21 CRPC1 (coldset news) can’t be reached
on screenon press

brighter than paper · no ink reaches it

GRACoL 2013 Uncoated (CRPC3) can’t be reached
on screenon press

brighter than paper · no ink reaches it

GRACoL 2013 (CRPC6) can’t be reached
on screenon press

brighter than paper · no ink reaches it

PSO Coated v3 (FOGRA51) can’t be reached
on screenon press

brighter than paper · no ink reaches it

Coated FOGRA39 can’t be reached
on screenon press

brighter than paper · no ink reaches it

Japan Color 2011 Coated can’t be reached
on screenon press

brighter than paper · no ink reaches it

APTEC Flexo Coated can’t be reached
on screenon press

brighter than paper · no ink reaches it

CGATS21 CRPC7 (extended gamut) can’t be reached
on screenon press

brighter than paper · no ink reaches it

Press values computed through the ICC characterization data each standard proofs against. Each CMYK above is the closest that standard can get. None of them reaches the color. It sits above the paper's own white.

Rhapsody Converter · coming soon

No surprises at the printer.

Run any color through the major press standards: FOGRA51, GRACoL, Japan Color, FOGRA39. It's coming soon. Create a free account and you'll get a note the moment it's live.

Create a free account

The strip shows this page's tints and shades on screen, then through a standard GRACoL 2013 conversion.

The Butter Yellows

Colors similar to Butter Yellow

Here are other colors similar to Butter Yellow along with accessible text pairings and whether or not they're print-safe. Explore The Lemons

CustardCustard#FFFD78black text · AAAlighter than the paper
Pastel YellowPastel Yellow#FFFE71black text · AAAlighter than the paper
BananaBanana#FFFF7Eblack text · AAAlighter than the paper
Faded YellowFaded Yellow#FEFF7Fblack text · AAAlighter than the paper
ButterButter#FFFF81black text · AAAlighter than the paper
Yellowish TanYellowish Tan#FCFC81black text · AAAlighter than the paper
Pale YellowPale Yellow#FFFF84black text · AAAlighter than the paper
Laser LemonLaser Lemon#FFFF66black text · AAAlighter than the paper
CanaryCanary#FDFF63black text · AAAlighter than the paper
Banana YellowBanana Yellow#FAFE4Bblack text · AAAlighter than the paper
Canary YellowCanary Yellow#FFFE40black text · AAAlighter than the paper
Sunshine YellowSunshine Yellow#FFFD37black text · AAAlighter than the paper
Lemon YellowLemon Yellow#FDFF38black text · AAAlighter than the paper
ManzManz#EEEF78black text · AAA! within tolerance
FestivalFestival#FBE96Cblack text · AAA✓ prints exactly
Bright YellowBright Yellow#FFFD01black text · AAAlighter than the paper
PorticaPortica#F9E663black text · AAA✓ prints exactly
PearPear#F1FF00black text · AAAlighter than the paper
Dull YellowDull Yellow#EEDC5Bblack text · AAA✓ prints exactly
Corn FieldCorn Field#F8FACDblack text · AAAlighter than the paper
Lemon ChiffonLemon Chiffon#FFFACDblack text · AAAlighter than the paper
ConfettiConfetti#E9D75Ablack text · AAA✓ prints exactly
PalePale#FFF9D0black text · AAAlighter than the paper
Light Goldenrod YellowLight Goldenrod Yellow#FAFAD2black text · AAAlighter than the paper
Baja WhiteBaja White#FFF8D1black text · AAAlighter than the paper
WattleWattle#DCD747black text · AAA✓ prints exactly
Scotch MistScotch Mist#FFFBDCblack text · AAAlighter than the paper
Pairings

Colors that go with Butter Yellow

The complementary color, straight across the wheel, is a cool-leaning vivid indigo #5742CC. Rhapsody's pick is the split complement, just to one side of it, a livelier pair.

The accent is for the moments that need attention, the harmony for the ones that need calm; the neutral carries the text and surfaces in between.

Downloads

Take Butter Yellow with you

The work on this page doesn't stay here. Save a card and the color arrives in your file, your deck or your board already decided.

Butter Yellow color codes: hex #FFFD74, RGB, HSL, CMYK, and OKLCH, from Rhapsody
Paste it anywhere without coming back for it.
The full tonal scale of Butter Yellow, 13 steps from light to dark with every hex, from Rhapsody
Reach for the right depth instead of the one you have.
Butter Yellow paired with a cool vivid blue #2758C1, a warm medium orange #E99B5C, a warm pale lime #F3F3E4: hex values and roles, from Rhapsody
Open a palette that already works together.
One free account

Your system is already built.

Rhapsody built it before you even asked: the scale, the neutrals, the utilities, every pairing calibrated.

This page's whole theme is built from one color. Palette does the same for yours: every step calibrated, every pairing checked, press included.

Every color on this page was calibrated, not mixed.

One email, when there is something to say. We’ll send a link to confirm · Privacy