Preview
#6ad1a6
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.86:1 · vs black: 11.28:1
HEX
#6ad1a6
RGB
rgb(106, 209, 166)
RGBA
rgba(106, 209, 166, 1)
HSL
hsl(155, 53%, 62%)
HSV
hsv(155, 49%, 82%)
LAB
lab(76.93% -40.06 12.23)
LCH
lch(76.93% 41.89 163.02)
OKLAB
oklab(0.7868 -0.1114 0.0314)
OKLCH
oklch(0.7868 0.1157 164.26)
XYZ
xyz(35.62, 51.42, 44.12)
CMYK
cmyk(49%, 0%, 21%, 18%)
CSS
color: #6ad1a6;
CSS variable
--color-6ad1a6: #6ad1a6;
SCSS
$color-6ad1a6: #6ad1a6;
Tailwind
emerald-300
Export
:root {
--#6ad1a6-1: #6ad1a6;
}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.