≈ Crystal
#97D6DA is closest to Crystal in our library. Crystal (#97D6DA) is a light, muted teal with a cool feel. It has a hue angle of 184° and a lightness of 84%. Its muted saturation keeps it calm and sophisticated, easy to live with in large areas.
About this color
What Crystal looks like, feels like and where it works.
Description
Crystal (#97D6DA) is a light, muted teal with a cool feel. It has a hue angle of 184° and a lightness of 84%. Its muted saturation keeps it calm and sophisticated, easy to live with in large areas.
Psychology
Teal and cyan sit between the calm of blue and the freshness of green. They feel clean, modern and trustworthy, with a little more personality than plain blue. As a light shade, Crystal feels airy and gentle.
Meaning
These colors suggest water, clarity and renewal. Turquoise has long been a protective, lucky stone in many cultures.
Why use this color
Crystal is an easy supporting color. Dark text is easy to read on it, so it works as a surface, highlight or card background. Pair it with its tints and shades for a complete scale.
Applications
- Healthcare and SaaS products
- Travel and coastal brands
- Dashboards and data tools
- Calm, modern interfaces
History
Turquoise is named for the stone that reached Europe through Turkey. Teal, named after the duck, first appears as a color name in 1917.
Accessibility
White text on Crystal has a contrast ratio of 1.62:1 (fails); black text has 12.94:1 (AAA). WCAG AA needs 4.5:1 for body text and 3:1 for large text and interface parts. Do not rely on color alone to carry meaning: pair it with text, an icon or a pattern.
Variations of Crystal
Tailwind-style scale
Color harmonies of Crystal
Want to explore these on a wheel? Open the color wheel.
Color blindness simulator
These are approximations to help you check that meaning never depends on color alone. Real vision varies from person to person.