Preview
#6ae2ce
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.38:1
HEX
#6ae2ce
RGB
rgb(106, 226, 206)
RGBA
rgba(106, 226, 206, 1)
HSL
hsl(170, 67%, 65%)
HSV
hsv(170, 53%, 89%)
LAB
lab(82.86% -38.55 -0.49)
LCH
lch(82.86% 38.55 180.73)
OKLAB
oklab(0.8382 -0.1124 -0.002)
OKLCH
oklch(0.8382 0.1124 181.02)
XYZ
xyz(44.28, 61.91, 68.00)
CMYK
cmyk(53%, 0%, 9%, 11%)
CSS
color: #6ae2ce;
CSS variable
--color-6ae2ce: #6ae2ce;
SCSS
$color-6ae2ce: #6ae2ce;
Tailwind
teal-300
Export
:root {
--#6ae2ce-1: #6ae2ce;
}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.