Amber#FFAC00, a warm bold amber

At a glanceAmber is #FFAC00, oklch(80.5% 0.170 74.3), a warm bold amber, fully saturated at the sRGB gamut edge for its hue. Pair it with a cool brilliant blue #4E99DA as an accent, a warm bold red #CC4A46 for harmony, and a warm grayish gold #B1AAA0 as a neutral. Reach for it as a brand or accent color, or a warning color, and it takes black text at AA contrast. A coated press has to move it a little, by less than a print run varies anyway.
Color codes

Amber in RGB, HSL, OKLCH & more

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

ffac00.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

The name

Why is it called Amber?

Amber's meaning, origin, and pronunciation, with sources.

Anchor: A13 · one of the 72 anchor hues of ART

Origin: Arabic, via Old French, and originally it named something else entirely

Meaning: First ambergris, the whale secretion; then the Baltic fossil resin

AM-ber · /ˈæmbər/

Arabic 'anbar, "ambergris," probably from Middle Persian ambar → Old French ambre → Middle English ambre, by the mid-1300s → English amber.

Ambergris is the waxy substance that forms in sperm-whale intestines and washes up on beaches, long prized by perfumers. That is what the word meant first. Then, in Europe, it quietly changed subjects: it attached itself instead to the fossilized tree resin that washes up on Baltic shores, and that meaning took over completely. Medieval writers had to keep the two apart by calling one ambre gris, "gray amber," and the other ambre jaune, "yellow amber."

Why anyone connected them in the first place is honestly unclear. The flattest theory is just that both wash up on beaches, and some etymologists suspect they were never the same word at all.

One more marvel comes along for the ride. The Greek name for the resin was ēlektron, and amber's odd habit of picking up straw after you rub it is the reason electricity carries that name today.

etymonline s.v. amber, ambergris, electric; Wiktionary s.v. amber. Etymological dictionaries + scholarly sources. Audio: Commander Keane, CC BY-SA 4.0.

Tints & shades

Shades of Amber, lighter and darker

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

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 #FFAC00, like this whole page.

Accessibility

Is Amber 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 #FFAC00 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 · 68 of 210 pairings reach WCAG 2.2 AAA, shown here.

Rhapsody Palette

Ship the audit, not screenshots.

Run #FFAC00 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 #FFAC00, like this whole page.

Print

Amber in CMYK: one value for files, one per press

Presses move this color a little, by less than a print run varies anyway, so a printer would call it a match. The pairs below show where each standard lands.

In CMYK, #FFAC00 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) shifts on press
on screenon press

shifts ΔE00 8.9, 3.6× the 2.5 a run varies by

GRACoL 2013 Uncoated (CRPC3) shifts on press
on screenon press

shifts ΔE00 5.2, 2.1× the 2.5 a run varies by

GRACoL 2013 (CRPC6) within tolerance
on screenon press

shifts ΔE00 1.6, under the 2.5 a press run varies by

PSO Coated v3 (FOGRA51) within tolerance
on screenon press

shifts ΔE00 1.3, under the 2.5 a press run varies by

Coated FOGRA39 within tolerance
on screenon press

shifts ΔE00 1.9, under the 2.5 a press run varies by

Japan Color 2011 Coated within tolerance
on screenon press

shifts ΔE00 1.3, under the 2.5 a press run varies by

APTEC Flexo Coated within tolerance
on screenon press

shifts ΔE00 1.6, under the 2.5 a press run varies by

CGATS21 CRPC7 (extended gamut) within tolerance
on screenon press

shifts ΔE00 0.8, under the 2.5 a press run varies by

Press values computed through the ICC characterization data each standard proofs against. Each CMYK above is the closest that standard can get, near enough that a press run's own variation is the larger difference.

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 Ambers

Colors similar to Amber

First ambergris, the whale secretion; then the Baltic fossil resin

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

Orange YellowOrange Yellow#FFAD01black text · AAA! within tolerance
Yellowish OrangeYellowish Orange#FFAB0Fblack text · AAA! within tolerance
SunSun#FBAC13black text · AAA! within tolerance
Yellow SeaYellow Sea#FEA904black text · AAA! within tolerance
Yellow OrangeYellow Orange#FCB001black text · AAA! within tolerance
My SinMy Sin#FFB31Fblack text · AAA! within tolerance
OrangeOrange#FFA500black text · AAA! within tolerance
ButtercupButtercup#F3AD16black text · AAA✓ prints exactly
MangoMango#FFA62Bblack text · AAA! within tolerance
SquashSquash#F2AB15black text · AAA✓ prints exactly
ButterscotchButterscotch#FDB147black text · AAA! within tolerance
Orange PeelOrange Peel#FFA000black text · AAA! within tolerance
QuinceQuince#FFB800black text · AAA! within tolerance
Orangey YellowOrangey Yellow#FDB915black text · AAA! within tolerance
SaffronSaffron#FF9F00black text · AAA! within tolerance
Light OrangeLight Orange#FDAA48black text · AAA! within tolerance
Sea BuckthornSea Buckthorn#FBA129black text · AAA! within tolerance
Fuel YellowFuel Yellow#ECA927black text · AAA✓ prints exactly
Selective YellowSelective Yellow#FFBA00black text · AAA! within tolerance
GambogeGamboge#E49B0Fblack text · AAA! within tolerance
Fire BushFire Bush#E89928black text · AAA✓ prints exactly
DixieDixie#E29418black text · AAA✓ prints exactly
Pairings

Colors that go with Amber

The complementary color, straight across the wheel, is a cool vivid blue #2959BD. 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 Amber 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.

Amber color codes: hex #FFAC00, RGB, HSL, CMYK, and OKLCH, from Rhapsody
Paste it anywhere without coming back for it.
The full tonal scale of Amber, 13 steps from light to dark with every hex, from Rhapsody
Reach for the right depth instead of the one you have.
Amber paired with a cool brilliant blue #4E99DA, a warm bold red #CC4A46, a warm grayish gold #B1AAA0: 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