White text6.61:1
- AA normal text
- Pass
- AA large text
- Pass
- AAA normal text
- Fail
- AAA large text
- Pass
Color reference#00695CMaterial Teal 800
Color reference
Material Teal 800
- Color family
- Cyan
- Recommended foreground
- #FFFFFF
Calculated profile
What the numbers say
At 173° hue, Material Teal 800 is a high-saturation, dark, cool-hue sRGB color. Its relative luminance is 10.88%. For text on this background, #FFFFFF produces the stronger contrast at 6.61:1.
- HSL lightness
- 21%
- HSL saturation
- 100%
- Relative luminance
- 10.88%
- Hue group
- cool-hue
02
Copy-ready color formats
Equivalent CSS notations calculated from the same six-digit sRGB value, including perceptual OKLCH.
03
Text contrast against this color
Ratios use WCAG relative luminance. Passing a ratio does not by itself certify an interface.
Black text3.18:1
- AA normal text
- Fail
- AA large text
- Pass
- AAA normal text
- Fail
- AAA large text
- Fail
04
Calculated tints and shades
Tints mix the color with white; shades mix it with black in sRGB.
Tints
Shades
05
Hue-wheel relationships
These colors keep the original HSL saturation and lightness while rotating hue. They are mathematical starting points, not automatic design recommendations.
06
Opacity variants
Eight-digit HEX and modern rgb() alpha syntax for the same opacity.
20%
40%
60%
80%
07
CSS starter
A small custom-property block using the calculated foreground with the stronger black-or-white contrast.
--color-material-teal-800: #00695C;
--color-material-teal-800-rgb: 0 105 92;
--color-material-teal-800-hsl: 173 100% 21%;
--color-material-teal-800-oklch: oklch(46.7% 0.0845 180.4);
color: #FFFFFF;
background-color: var(--color-material-teal-800);Community review
Suggest a correction
Correction for Material Teal 800#00695C
Found an inaccurate name, explanation, source, or accessibility detail? Send a concise correction for editorial review.
08 / Verification
Where the values come from
The color name and HEX value are checked against the cited standard. RGB, HSL, HWB, luminance, and contrast are then calculated from that HEX value using published formulas.
- Source for the name and HEX
- Material Design 2014 color palette
- License
- Material Design documentation terms
- Version
- 2014 Material Design color palettes
Continue with a method