Preview
#9ccabc
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.81:1 · vs black: 11.59:1
HEX
#9ccabc
RGB
rgb(156, 202, 188)
RGBA
rgba(156, 202, 188, 1)
HSL
hsl(162, 30%, 70%)
HSV
hsv(162, 23%, 79%)
LAB
lab(77.84% -17.96 2.06)
LCH
lch(77.84% 18.08 173.46)
OKLAB
oklab(0.8023 -0.052 0.0052)
OKLCH
oklch(0.8023 0.0523 174.29)
XYZ
xyz(43.91, 52.94, 55.47)
CMYK
cmyk(23%, 0%, 7%, 21%)
CSS
color: #9ccabc;
CSS variable
--color-9ccabc: #9ccabc;
SCSS
$color-9ccabc: #9ccabc;
Tailwind
teal-300
Export
:root {
--#9ccabc-1: #9ccabc;
}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.