What Is Egg Yellow? The Origin of the Color Name and Its HEX Codes

Tamago-iro, often translated as egg yellow, is a light, slightly reddish yellow associated with egg yolks. The exact digital code differs between color references, and Japanese dictionaries also record a usage referring to an eggshell’s pale color. This article explains the origin of the name, compares representative HEX values, and offers practical combinations for a cooking and recipe website.

The name comes from egg yolks, and its HEX value varies by source

The Japanese color reference I-IRO describes tamago-iro as a light, reddish yellow inspired by an egg yolk. Wairo Daijiten gives ■#FCD575 as its reference value, while I-IRO lists ■#F3C06E. The respective RGB values are red 252, green 213, blue 117 and red 243, green 192, blue 110. RGB describes a screen color using red, green, and blue light components; HEX expresses them with a hash sign and six hexadecimal digits.

The contrast ratio between these two egg-yellow swatches, ■#FCD575 and ■#F3C06E, is only about 1.19:1. A contrast ratio measures the relative brightness difference between two colors. Their similar hue does not mean the codes are interchangeable in a design system: choose one precise value for the page and keep it consistent. We use Wairo Daijiten’s example in the layouts below.

Some Japanese dictionaries also use tamago-iro for a pale brownish-white eggshell color. Color references commonly distinguish the yolk-associated tamago-iro from torinoko-iro, a pale yellowish white evoking an eggshell. I-IRO gives the latter the code ■#EFE3B6. Thus, the word “egg” in a color name does not always refer to the same part of the egg.

The yolk-associated egg yellow ■#FCD575 and the eggshell-like torinoko-iro ■#EFE3B6 have a contrast ratio of about 1.10:1. The first is more vivid and golden, while the second is a pale, muted yellowish cream. The HEX labels inside the swatches are shown in dark charcoal ■#342F29, which provides about 7.94:1 contrast even on the darkest of these three light color samples.

Use egg yellow for recipe headings and short category labels

Imagine a recipe site featuring breakfast egg dishes. Keep the photographs as the focal point and place important text outside the photos rather than on top of them. A warm off-white ■#FAF7EF works as the page background, with dark charcoal ■#342F29 for the main copy. The body text contrasts with the background at about 12.38:1.

• Egg yellow as the main feature: Give the recipe collection’s heading a wide egg-yellow ■#FCD575 background, with dark charcoal ■#342F29 lettering. The contrast between heading and fill is about 9.41:1. Place the dish photos below and use smaller egg-yellow tags reading “Egg recipes.” For a “View recipe” button, choose a deep brown ■#593E2E fill with white ■#FFFFFF lettering. The button text has about 9.75:1 contrast with its fill, and the button itself differs from the egg-yellow heading panel by about 6.93:1.
• Eggshell-inspired section: Put the recipe list on a broad torinoko-iro ■#EFE3B6 panel and use deep brown ■#593E2E for the section heading. That heading has about 7.59:1 contrast. Keep egg yellow ■#FCD575 to a small “This week’s picks” label with dark charcoal ■#342F29 text. The yellow label surface differs from the eggshell-colored section by only 1.10:1. If the label needs a visibly separate edge, add a dark olive-brown ■#69553D outline. Its contrast is about 5.50:1 against torinoko-iro and 5.03:1 against egg yellow.

The first layout highlights the overall egg-recipe collection. The second groups several recipes under a quieter, eggshell-inspired surface. In either case, include written labels such as “Egg recipes” or “This week’s picks” instead of using color alone to convey meaning. The color of real eggs in food photography may vary with cooking methods and lighting; the sampled web color should not be presented as a measurement of every yolk.

Check white text and the edges between pale surfaces separately

White ■#FFFFFF lettering on egg yellow ■#FCD575 provides only about 1.41:1 contrast. This is insufficient even for the general large-text threshold. Use dark charcoal ■#342F29 for important copy on the yellow surface rather than relying on larger white letters.

Egg yellow ■#FCD575 against the warm off-white ■#FAF7EF background differs by only about 1.32:1. Torinoko-iro ■#EFE3B6 is even closer to the warm off-white, at about 1.20:1. If the boundary of a card is important, a dark olive-brown ■#69553D outline is one option; it contrasts with the warm off-white background at about 6.61:1. Decorative cards that are already separated by spacing do not all require dark borders.

Under WCAG (Web Content Accessibility Guidelines) 2.2 Level AA, normal text generally needs a contrast ratio of at least 4.5:1, and large text needs at least 3:1. Visual cues required to identify user interface components generally need at least 3:1 contrast against adjacent colors. That does not automatically impose the same requirement on every purely decorative panel or line.

HueRoll lets you enter HEX codes, adjust colors, inspect RGB and other values, explore color palettes, and compare the selected color against white or black. It does not accept color names as direct input, compare arbitrary custom color pairs, or automatically issue a WCAG pass/fail assessment. The color-name codes above are reference examples, and the text, background, button, and border combinations were calculated separately.