Preview
#99beb5
Family: Teal
Accessibility on this swatch:
Contrast vs white: 2.02:1 · vs black: 10.39:1
HEX
#99beb5
RGB
rgb(153, 190, 181)
RGBA
rgba(153, 190, 181, 1)
HSL
hsl(165, 22%, 67%)
HSV
hsv(165, 19%, 75%)
LAB
lab(74.15% -14.22 0.45)
LCH
lch(74.15% 14.23 178.19)
OKLAB
oklab(0.7718 -0.0417 0.001)
OKLCH
oklch(0.7718 0.0417 178.63)
XYZ
xyz(39.89, 46.93, 50.66)
CMYK
cmyk(19%, 0%, 5%, 25%)
CSS
color: #99beb5;
CSS variable
--color-99beb5: #99beb5;
SCSS
$color-99beb5: #99beb5;
Tailwind
teal-300
Export
:root {
--#99beb5-1: #99beb5;
}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.