Hue family
Red HEX colors.
The red family wraps across the end of the OKLCH hue circle, from 345° through 0° to below 20°. These references span dark, muted, clear, and pale reds without implying popularity or suitability.
Quick answer · supplemental reference
What is the Red HEX code?
The CSS named color Red is #FF0000. It is shown here as a familiar reference; deterministic family assignment still follows measured OKLCH hue and chroma.
Representative set
Curated red HEX colors.
OKLCH hues from 345° through the wrap to below 20°. Choose a color to compare conversions, contrast, palettes, related colors, and ready-to-copy CSS tokens.
Family definition
How Hue Codex classifies red colors.
Hue Codex classifies a chromatic color as red when its OKLCH hue is at least 345° or below 20° and its chroma is 0.025 or higher. The interval wraps through 0°, so its two numeric ends form one continuous family.
Boundary with neighboring families
Rose ends where red begins at 345°, while orange-red begins at 20°. Crossing either boundary changes the deterministic family label even when the colors on opposite sides still look closely related.
Name versus measurement
Red is both a broad everyday category and a CSS keyword. The CSS color Red is exactly #FF0000, but its computed OKLCH hue is 29.23°, so Hue Codex places that specific value in the orange-red family.
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 Red | #100008 |
11.5% |
| Middle reference | Vivid Mid-light Red | #E63A52 |
61.5% |
| Light end | Muted Very Light Red | #FFE6EF |
94.8% |
Practical workflow
Use 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
Red color family questions.
- Why can pink colors appear in the red family?
- Hue Codex assigns the family from OKLCH hue and chroma, not from the color name or lightness. A pale or commonly named pink can therefore remain inside the wrapped red interval.
- Is CSS Red (#FF0000) part of this red family?
- No. Its calculated OKLCH hue is 29.23°, which places it in the adjacent orange-red interval under the fixed Hue Codex boundaries.
Hue family directory