Hue family
Orange-red HEX colors.
Orange-red sits between the wrapped red range and amber, covering OKLCH hue angles from 20° to below 50°. The selection includes deep brick-like values, direct reds, corals, and light warm references.
Representative set
Curated orange-red HEX colors.
OKLCH hues from 20° to below 50°. Choose a color to compare conversions, contrast, palettes, related colors, and ready-to-copy CSS tokens.
Family definition
How Hue Codex classifies orange-red colors.
A chromatic color belongs to the Hue Codex orange-red family when its OKLCH hue is at least 20° and below 50°. This interval collects warm reds and red-leaning oranges without treating a conventional name as classification evidence.
Boundary with neighboring families
The wrapped red family ends at 20°, and amber begins at 50°. Orange-red is the measured transition between them rather than a synonym for every warm red or every orange.
Name versus measurement
The CSS keyword OrangeRed names one exact color, #FF4500. This page covers the full 20°–50° family, so #FF4500 is one member among many; CSS Red (#FF0000) also falls here because its OKLCH hue is 29.23°.
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 Orange-red | #080000 |
8.4% |
| Middle reference | Vivid Mid-light Orange-red | #DE3A31 |
59.7% |
| Light end | Muted Very Light Orange-red | #FFE6DE |
94.3% |
Practical workflow
Use orange-red 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
Orange-red color family questions.
- Is the orange-red family the same as CSS OrangeRed?
- No. CSS OrangeRed is the single standardized value #FF4500, while this family contains curated HEX colors throughout the 20°–50° OKLCH interval.
- Why does #FF0000 appear with orange-red colors?
- Hue Codex uses the calculated OKLCH hue rather than the CSS name. The value #FF0000 resolves to 29.23°, inside the orange-red boundary.
Hue family directory