Preview
#98bcb8
Family: Teal
Accessibility on this swatch:
Contrast vs white: 2.05:1 · vs black: 10.22:1
HEX
#98bcb8
RGB
rgb(152, 188, 184)
RGBA
rgba(152, 188, 184, 1)
HSL
hsl(173, 21%, 67%)
HSV
hsv(173, 19%, 74%)
LAB
lab(73.61% -12.87 -1.98)
LCH
lch(73.61% 13.02 188.75)
OKLAB
oklab(0.7677 -0.0387 -0.0055)
OKLCH
oklch(0.7677 0.0391 188.09)
XYZ
xyz(39.58, 46.10, 52.15)
CMYK
cmyk(19%, 0%, 2%, 26%)
CSS
color: #98bcb8;
CSS variable
--color-98bcb8: #98bcb8;
SCSS
$color-98bcb8: #98bcb8;
Tailwind
teal-300
Export
:root {
--#98bcb8-1: #98bcb8;
}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.