Preview
#7fffd4
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.16:1
HEX
#7fffd4
RGB
rgb(127, 255, 212)
RGBA
rgba(127, 255, 212, 1)
HSL
hsl(160, 100%, 75%)
HSV
hsv(160, 50%, 100%)
LAB
lab(92.03% -45.52 9.72)
LCH
lch(92.03% 46.55 167.95)
OKLAB
oklab(0.915 -0.128 0.0249)
OKLCH
oklch(0.915 0.1304 168.99)
XYZ
xyz(56.39, 80.78, 74.90)
CMYK
cmyk(50%, 0%, 17%, 0%)
CSS
color: #7fffd4;
CSS variable
--color-7fffd4: #7fffd4;
SCSS
$color-7fffd4: #7fffd4;
Tailwind
teal-200
Export
:root {
--aquamarine-1: #7fffd4;
}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.