Preview
#00695c
Family: Teal
Accessibility on this swatch:
Contrast vs white: 6.61:1 · vs black: 3.18:1
HEX
#00695c
RGB
rgb(0, 105, 92)
RGBA
rgba(0, 105, 92, 1)
HSL
hsl(173, 100%, 21%)
HSV
hsv(173, 100%, 41%)
LAB
lab(39.37% -29.25 -0.04)
LCH
lch(39.37% 29.25 180.08)
OKLAB
oklab(0.4668 -0.0845 -0.0006)
OKLCH
oklch(0.4668 0.0845 180.41)
XYZ
xyz(6.98, 10.87, 11.85)
CMYK
cmyk(100%, 0%, 12%, 59%)
CSS
color: #00695c;
CSS variable
--color-00695c: #00695c;
SCSS
$color-00695c: #00695c;
Tailwind
teal-700
Export
:root {
--material-teal-800-1: #00695c;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.