Preview
#14d7b6
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.84:1 · vs black: 11.43:1
HEX
#14d7b6
RGB
rgb(20, 215, 182)
RGBA
rgba(20, 215, 182, 1)
HSL
hsl(170, 83%, 46%)
HSV
hsv(170, 91%, 84%)
LAB
lab(77.35% -50.87 4.06)
LCH
lch(77.35% 51.03 175.44)
OKLAB
oklab(0.7866 -0.1444 0.01)
OKLCH
oklch(0.7866 0.1447 176.04)
XYZ
xyz(33.03, 52.12, 52.57)
CMYK
cmyk(91%, 0%, 15%, 16%)
CSS
color: #14d7b6;
CSS variable
--color-14d7b6: #14d7b6;
SCSS
$color-14d7b6: #14d7b6;
Tailwind
teal-500
Export
:root {
--#14d7b6-1: #14d7b6;
}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.