Preview
#7fccaf
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.88:1 · vs black: 11.16:1
HEX
#7fccaf
RGB
rgb(127, 204, 175)
RGBA
rgba(127, 204, 175, 1)
HSL
hsl(157, 43%, 65%)
HSV
hsv(157, 38%, 80%)
LAB
lab(76.55% -30.33 6.99)
LCH
lch(76.55% 31.13 167.02)
OKLAB
oklab(0.7869 -0.0858 0.018)
OKLCH
oklch(0.7869 0.0877 168.15)
XYZ
xyz(38.08, 50.79, 48.35)
CMYK
cmyk(38%, 0%, 14%, 20%)
CSS
color: #7fccaf;
CSS variable
--color-7fccaf: #7fccaf;
SCSS
$color-7fccaf: #7fccaf;
Tailwind
emerald-300
Export
:root {
--#7fccaf-1: #7fccaf;
}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.