Hue family
Yellow HEX codes and color chart.
Yellow occupies the OKLCH range from 80° to below 105°. This set traces the family from dark ochre and gold through lighter straw, cream, and pale yellow references.
Quick answer · supplemental reference
What is the yellow HEX code?
The CSS keyword yellow is #FFFF00. Hue Codex shows it separately because its measured OKLCH hue falls in the yellow-green family.
Representative set
Curated yellow HEX colors.
OKLCH hues from 80° to below 105°. Choose a color to compare conversions, contrast, palettes, related colors, and ready-to-copy CSS tokens.
Family definition
How Hue Codex classifies yellow colors.
The Hue Codex yellow family contains chromatic colors with OKLCH hues from 80° to below 105°. Its fixed representatives include gold, straw, cream, and pale yellow appearances at multiple lightness levels.
Boundary with neighboring families
Amber occupies hues below 80°, while yellow-green begins at 105°. Colors close to either edge can look similar to their neighboring family even though the numerical assignment is unambiguous.
Name versus measurement
The CSS keyword Yellow is exactly #FFFF00, but that value has an OKLCH hue of 109.77° and is therefore classified as yellow-green here. CSS Gold, Khaki, and LemonChiffon provide familiar examples inside this yellow interval.
Dark, middle, and light reference points
These fixed examples mark the ordered set by OKLCH lightness. They are orientation points, not claims that a color is suitable for a particular text, interface, or brand role.
| Range position | Color reference | HEX | OKLCH L |
|---|---|---|---|
| Dark end | Muted Very Dark Yellow | #191000 |
18.0% |
| Middle reference | Muted Light Yellow | #C5B58C |
77.6% |
| Light end | Lemon Chiffon | #FFFACD |
97.8% |
Practical workflow
Use yellow references in three steps.
A family is a starting point for exploration. Make final decisions with the exact color value and the context where it will be used.
- Choose an exact HEX value. Open a reference above to review its measured formats, related colors, role guidance, and copy-ready CSS tokens.
- Check formats and contrast. Use the Color Converter, then verify the intended foreground and background in the Contrast Checker. A family label alone does not establish accessibility.
- Build and document the system. Create related candidates with the Palette Generator and review the reference-data methodology when you need the classification rules and limitations.
Common questions
Yellow color family questions.
- Why is CSS Yellow (#FFFF00) shown separately from the measured yellow family?
- Its calculated OKLCH hue is 109.77°, above the yellow family’s 105° endpoint, so the deterministic boundary places it in yellow-green. The separate card is a familiar CSS-name reference, not a change to that classification.
- Does a pale yellow remain in the yellow family?
- It can. Lightness and chroma affect how pale the color appears, but the family remains yellow when the measured hue stays from 80° to below 105° and chroma does not fall below the neutral threshold.
Hue family directory