Preview
#4fd1c5
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.87:1 · vs black: 11.26:1
HEX
#4fd1c5
RGB
rgb(79, 209, 197)
RGBA
rgba(79, 209, 197, 1)
HSL
hsl(174, 59%, 56%)
HSV
hsv(174, 62%, 82%)
LAB
lab(76.85% -38.14 -4.61)
LCH
lch(76.85% 38.42 186.89)
OKLAB
oklab(0.7864 -0.1136 -0.0131)
OKLCH
oklch(0.7864 0.1144 186.58)
XYZ
xyz(36.10, 51.29, 60.81)
CMYK
cmyk(62%, 0%, 6%, 18%)
CSS
color: #4fd1c5;
CSS variable
--color-4fd1c5: #4fd1c5;
SCSS
$color-4fd1c5: #4fd1c5;
Tailwind
teal-400
Export
:root {
--chakra-teal-400-1: #4fd1c5;
}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.