Preview
#65e7b5
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.54:1 · vs black: 13.65:1
HEX
#65e7b5
RGB
rgb(101, 231, 181)
RGBA
rgba(101, 231, 181, 1)
HSL
hsl(157, 73%, 65%)
HSV
hsv(157, 56%, 91%)
LAB
lab(83.57% -47.52 13.68)
LCH
lch(83.57% 49.45 163.94)
OKLAB
oklab(0.8416 -0.1318 0.035)
OKLCH
oklch(0.8416 0.1364 165.13)
XYZ
xyz(42.28, 63.25, 53.69)
CMYK
cmyk(56%, 0%, 22%, 9%)
CSS
color: #65e7b5;
CSS variable
--color-65e7b5: #65e7b5;
SCSS
$color-65e7b5: #65e7b5;
Tailwind
emerald-300
Export
:root {
--#65e7b5-1: #65e7b5;
}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.