Preview
#abedda
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.32:1 · vs black: 15.86:1
HEX
#abedda
RGB
rgb(171, 237, 218)
RGBA
rgba(171, 237, 218, 1)
HSL
hsl(163, 65%, 80%)
HSV
hsv(163, 28%, 93%)
LAB
lab(89.06% -24.56 2.56)
LCH
lch(89.06% 24.69 174.05)
OKLAB
oklab(0.8966 -0.071 0.0064)
OKLCH
oklch(0.8966 0.0713 174.85)
XYZ
xyz(59.73, 74.29, 77.51)
CMYK
cmyk(28%, 0%, 8%, 7%)
CSS
color: #abedda;
CSS variable
--color-abedda: #abedda;
SCSS
$color-abedda: #abedda;
Tailwind
teal-200
Export
:root {
--#abedda-1: #abedda;
}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.