Preview
#92c2af
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.99:1 · vs black: 10.56:1
HEX
#92c2af
RGB
rgb(146, 194, 175)
RGBA
rgba(146, 194, 175, 1)
HSL
hsl(156, 28%, 67%)
HSV
hsv(156, 25%, 76%)
LAB
lab(74.69% -19.74 4.44)
LCH
lch(74.69% 20.23 167.32)
OKLAB
oklab(0.7746 -0.0563 0.0114)
OKLCH
oklch(0.7746 0.0574 168.55)
XYZ
xyz(38.88, 47.79, 47.72)
CMYK
cmyk(25%, 0%, 10%, 24%)
CSS
color: #92c2af;
CSS variable
--color-92c2af: #92c2af;
SCSS
$color-92c2af: #92c2af;
Tailwind
emerald-300
Export
:root {
--#92c2af-1: #92c2af;
}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.