Hue family
Cyan-blue HEX colors.
Cyan-blue occupies the transition from teal to blue, covering 210° to below 245° in OKLCH. The set moves from deep blue-cyan references through sky colors to pale blue values.
Quick answer · supplemental reference
What is the Aqua / Cyan HEX code?
The CSS named color Aqua / Cyan is #00FFFF. It is shown here as a familiar reference; deterministic family assignment still follows measured OKLCH hue and chroma.
Representative set
Curated cyan-blue HEX colors.
OKLCH hues from 210° to below 245°. Choose a color to compare conversions, contrast, palettes, related colors, and ready-to-copy CSS tokens.
Family definition
How Hue Codex classifies cyan-blue colors.
Hue Codex uses cyan-blue for chromatic OKLCH hues from 210° to below 245°. The interval captures the transition from cyan-leaning blues through sky and light blue references.
Boundary with neighboring families
Teal ends at 210°, and blue begins at 245°. Cyan-blue keeps this transitional region explicit instead of forcing every cool blue-green value into either neighboring family.
Name versus measurement
Cyan-blue is a Hue Codex family label, not a CSS keyword. CSS DeepSkyBlue, SkyBlue, and LightBlue provide familiar members, while CSS Cyan (#00FFFF) has a hue of 194.77° and belongs to teal.
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 Cyan-blue | #000810 |
12.7% |
| Middle reference | Soft Light Cyan-blue | #52ADCE |
70.5% |
| Light end | Muted Very Light Cyan-blue | #DEF7FF |
96.0% |
Practical workflow
Use cyan-blue 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
Cyan-blue color family questions.
- Is cyan-blue the same as CSS Cyan?
- No. CSS Cyan is the exact value #00FFFF and falls in teal. Cyan-blue describes the separate 210°–245° OKLCH family.
- Why separate cyan-blue from blue?
- The fixed 245° boundary preserves a useful transition range for cyan-leaning and sky-like colors while keeping the classification deterministic.
Hue family directory