Preview
#5defd4
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.76:1
HEX
#5defd4
RGB
rgb(93, 239, 212)
RGBA
rgba(93, 239, 212, 1)
HSL
hsl(169, 82%, 65%)
HSV
hsv(169, 61%, 94%)
LAB
lab(86.41% -45.31 1.47)
LCH
lch(86.41% 45.33 178.14)
OKLAB
oklab(0.8664 -0.1307 0.0032)
OKLCH
oklch(0.8664 0.1307 178.6)
XYZ
xyz(47.26, 68.81, 73.07)
CMYK
cmyk(61%, 0%, 11%, 6%)
CSS
color: #5defd4;
CSS variable
--color-5defd4: #5defd4;
SCSS
$color-5defd4: #5defd4;
Tailwind
teal-300
Export
:root {
--#5defd4-1: #5defd4;
}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.