Hue family
Magenta HEX colors.
Magenta sits between violet and rose from 305° to below 335° in OKLCH. The representatives cover dark purples, balanced magentas, vivid fuchsia, and light orchid-like values.
Representative set
Curated magenta HEX colors.
OKLCH hues from 305° to below 335°. Choose a color to compare conversions, contrast, palettes, related colors, and ready-to-copy CSS tokens.
Family definition
How Hue Codex classifies magenta colors.
Hue Codex classifies chromatic OKLCH hues from 305° to below 335° as magenta. The range includes deep purples, vivid fuchsia, orchid-like values, and pale purple-pink references.
Boundary with neighboring families
Violet ends at 305°, and the narrow rose family begins at 335°. Magenta covers the warmer purple interval between those two deterministic boundaries.
Name versus measurement
CSS Fuchsia and CSS Magenta are aliases for the same exact value, #FF00FF, and it belongs here at 328.36°. CSS Violet (#EE82EE) also measures inside this magenta family despite its keyword name.
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 Magenta | #080008 |
9.4% |
| Middle reference | Vivid Mid-light Magenta | #BD31E6 |
60.7% |
| Light end | Muted Very Light Magenta | #FFEFFF |
96.9% |
Practical workflow
Use magenta 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
Magenta color family questions.
- Are CSS Fuchsia and CSS Magenta identical?
- Yes. Both standardized keywords resolve to #FF00FF, so they share one Hue Codex color reference.
- Can a color named violet be classified as magenta?
- Yes. CSS Violet is one example because its measured OKLCH hue is 327.21°. Hue Codex keeps the measured family separate from the authored name.
Hue family directory