Preview
#c4f8ee
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 18.01:1
HEX
#c4f8ee
RGB
rgb(196, 248, 238)
RGBA
rgba(196, 248, 238, 1)
HSL
hsl(168, 79%, 87%)
HSV
hsv(168, 21%, 97%)
LAB
lab(93.9% -18.42 -0.62)
LCH
lch(93.9% 18.43 181.93)
OKLAB
oklab(0.9406 -0.0545 -0.0019)
OKLCH
oklch(0.9406 0.0545 182)
XYZ
xyz(71.76, 85.04, 93.51)
CMYK
cmyk(21%, 0%, 4%, 3%)
CSS
color: #c4f8ee;
CSS variable
--color-c4f8ee: #c4f8ee;
SCSS
$color-c4f8ee: #c4f8ee;
Tailwind
teal-100
Export
:root {
--#c4f8ee-1: #c4f8ee;
}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.