Preview
#7dcfba
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.83:1 · vs black: 11.51:1
HEX
#7dcfba
RGB
rgb(125, 207, 186)
RGBA
rgba(125, 207, 186, 1)
HSL
hsl(165, 46%, 65%)
HSV
hsv(165, 40%, 81%)
LAB
lab(77.6% -29.89 2.58)
LCH
lch(77.6% 30 175.07)
OKLAB
oklab(0.7959 -0.0862 0.0064)
OKLCH
oklch(0.7959 0.0864 175.75)
XYZ
xyz(39.63, 52.53, 54.50)
CMYK
cmyk(40%, 0%, 10%, 19%)
CSS
color: #7dcfba;
CSS variable
--color-7dcfba: #7dcfba;
SCSS
$color-7dcfba: #7dcfba;
Tailwind
teal-300
Export
:root {
--#7dcfba-1: #7dcfba;
}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.