Hue family
Teal HEX colors.
Teal runs from 175° to below 210° on the OKLCH hue circle. These references cover dark blue-green values, balanced teals, turquoise, aqua, and light cyan-leaning colors.
Representative set
Curated teal HEX colors.
OKLCH hues from 175° to below 210°. Choose a color to compare conversions, contrast, palettes, related colors, and ready-to-copy CSS tokens.
Family definition
How Hue Codex classifies teal colors.
The Hue Codex teal family covers chromatic OKLCH hues from 175° to below 210°. It spans blue-green, teal, turquoise, aqua, and cyan-looking references without relying on their names.
Boundary with neighboring families
Green ends at 175°, while cyan-blue begins at 210°. Teal is the measured interval between them, including colors that everyday naming systems may split into several overlapping categories.
Name versus measurement
CSS Teal is the exact value #008080. CSS Aqua and CSS Cyan are aliases for the same value, #00FFFF; its OKLCH hue is 194.77°, so that shared value also belongs to the teal 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 Teal | #001010 |
15.7% |
| Middle reference | Soft Light Teal | #44CCDD |
78.0% |
| Light end | Muted Very Light Teal | #E6FFFF |
98.2% |
Practical workflow
Use teal 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
Teal color family questions.
- Are CSS Aqua and CSS Cyan different colors?
- No. Both keywords resolve to #00FFFF. Hue Codex shows the combined name Aqua / Cyan and classifies the single value in teal.
- Why is turquoise grouped with teal?
- Its exact HEX value is classified by OKLCH hue. Turquoise references within 175°–210° share the teal interval even when their names use a different blue-green term.
Hue family directory