Hue family
Yellow-green HEX colors.
Yellow-green bridges yellow and green from 105° to below 140° in OKLCH. The references include olive, chartreuse, lime-leaning, and pale botanical values across several lightness levels.
Representative set
Curated yellow-green HEX colors.
OKLCH hues from 105° to below 140°. Choose a color to compare conversions, contrast, palettes, related colors, and ready-to-copy CSS tokens.
Family definition
How Hue Codex classifies yellow-green colors.
A chromatic color is yellow-green in Hue Codex when its OKLCH hue is at least 105° and below 140°. This transition includes olive, chartreuse, acid yellow, and lime-leaning references.
Boundary with neighboring families
Yellow ends at 105°, and green begins at 140°. The family bridges those intervals, so lowering or raising the hue across either fixed boundary changes the label before other color properties are considered.
Name versus measurement
CSS YellowGreen (#9ACD32) is a member of this family at 126.64°. CSS Yellow (#FFFF00) also falls here at 109.77°, demonstrating why standardized names and measured family assignments are separate concepts.
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-green | #080800 |
13.0% |
| Middle reference | Clear Light Yellow-green | #C5C519 |
79.8% |
| Light end | Muted Very Light Yellow-green | #FFFFE6 |
99.3% |
Practical workflow
Use yellow-green 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-green color family questions.
- Are Yellow and YellowGreen the same CSS color?
- No. They are separate CSS keywords with different HEX values, but both calculated hues fall inside the Hue Codex yellow-green interval.
- Does the color name decide whether a value is yellow-green?
- No. Hue Codex uses the measured OKLCH hue and chroma, so a color can enter this family even when its conventional or CSS name contains only yellow or green.
Hue family directory