Preview
#18e7ba
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.59:1 · vs black: 13.18:1
HEX
#18e7ba
RGB
rgb(24, 231, 186)
RGBA
rgba(24, 231, 186, 1)
HSL
hsl(167, 81%, 50%)
HSV
hsv(167, 90%, 91%)
LAB
lab(82.32% -56.05 9.08)
LCH
lch(82.32% 56.78 170.8)
OKLAB
oklab(0.8277 -0.1567 0.0231)
OKLCH
oklch(0.8277 0.1584 171.61)
XYZ
xyz(37.81, 60.89, 56.20)
CMYK
cmyk(90%, 0%, 19%, 9%)
CSS
color: #18e7ba;
CSS variable
--color-18e7ba: #18e7ba;
SCSS
$color-18e7ba: #18e7ba;
Tailwind
teal-500
Export
:root {
--#18e7ba-1: #18e7ba;
}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.