Preview
#6eddd2
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.94:1
HEX
#6eddd2
RGB
rgb(110, 221, 210)
RGBA
rgba(110, 221, 210, 1)
HSL
hsl(174, 62%, 65%)
HSV
hsv(174, 50%, 87%)
LAB
lab(81.66% -34.42 -4.37)
LCH
lch(81.66% 34.7 187.24)
OKLAB
oklab(0.8292 -0.1027 -0.0123)
OKLCH
oklch(0.8292 0.1034 186.83)
XYZ
xyz(43.91, 59.68, 70.16)
CMYK
cmyk(50%, 0%, 5%, 13%)
CSS
color: #6eddd2;
CSS variable
--color-6eddd2: #6eddd2;
SCSS
$color-6eddd2: #6eddd2;
Tailwind
teal-300
Export
:root {
--#6eddd2-1: #6eddd2;
}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.