Privacy choices

Hue Codex uses local settings and privacy-aware measurement.

Required storage keeps tools and your local workspace working. Analytics helps improve popular tools; stricter consent regions stay opt-in unless you allow it. Marketing and personalized ads stay off until you choose them.

Hue Codex color family library with thirteen tonal ladders arranged around a neutral focus frame.

Hue family

Violet HEX colors.

Violet covers the OKLCH interval from 275° to below 305°. This selection ranges from deep indigo-violet values through saturated blue-violets to softer lavender references.

Representative set

Curated violet HEX colors.

OKLCH hues from 275° to below 305°. Choose a color to compare conversions, contrast, palettes, related colors, and ready-to-copy CSS tokens.

Soft Very Dark Violet #080019 Clear Dark Violet #21106B Clear Dark Violet #310094 Indigo #4B0082 Soft Dark Violet #333377 Clear Dark Violet #3A3194 Vivid Dark Violet #3A19C5 Vivid Mid-light Violet #5A21B5 Rebecca Purple #663399 Clear Mid-light Violet #5A3AA5 Vivid Mid-light Violet #7319BD Vivid Mid-light Violet #5A19E6 Clear Mid-light Violet #4A52B5 Vivid Mid-light Violet #6B19EF Clear Mid-light Violet #6352BD Vivid Mid-light Violet #7711FF Blue Violet #8A2BE2 Clear Mid-light Violet #7B5AAD Clear Mid-light Violet #845AB5 Vivid Mid-light Violet #8C42EF Clear Mid-light Violet #736BD6 Vivid Mid-light Violet #6B6BFF Clear Mid-light Violet #8473F7 Clear Mid-light Violet #AD73EF Soft Light Violet #A594DE Soft Light Violet #BDA5EF Muted Very Light Violet #EFE6FF

Family definition

How Hue Codex classifies violet colors.

The Hue Codex violet family contains chromatic colors with OKLCH hues from 275° to below 305°. It includes indigo-leaning, blue-violet, saturated violet, and softer lavender references.

Boundary with neighboring families

Blue ends at 275°, and magenta begins at 305°. Violet occupies the measured transition, with cooler values near blue and warmer purple values near magenta.

Name versus measurement

The CSS keyword Violet is the exact value #EE82EE, whose OKLCH hue is 327.21°; Hue Codex therefore classifies it as magenta. CSS BlueViolet and Indigo are familiar values inside this violet 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.

Violet family reference points ordered by OKLCH lightness
Range position Color reference HEX OKLCH L
Dark end Soft Very Dark Violet #080019 11.5%
Middle reference Vivid Mid-light Violet #6B19EF 50.0%
Light end Muted Very Light Violet #EFE6FF 93.9%

Practical workflow

Use violet 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.

  1. Choose an exact HEX value. Open a reference above to review its measured formats, related colors, role guidance, and copy-ready CSS tokens.
  2. 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.
  3. 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

Violet color family questions.

Why is CSS Violet (#EE82EE) not in the violet family?
The standardized name does not determine the Hue Codex family. Its measured OKLCH hue is 327.21°, inside the magenta interval.
What separates violet from blue and magenta?
The fixed hue boundaries do: violet starts at 275° after blue and ends at 305° where magenta begins.

Hue family directory

Browse the fixed color families.