Preview
#caf6e4
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.18:1 · vs black: 17.81:1
HEX
#caf6e4
RGB
rgb(202, 246, 228)
RGBA
rgba(202, 246, 228, 1)
HSL
hsl(155, 71%, 88%)
HSV
hsv(155, 18%, 96%)
LAB
lab(93.48% -17.56 3.99)
LCH
lch(93.48% 18.01 167.2)
OKLAB
oklab(0.9373 -0.0503 0.0103)
OKLCH
oklch(0.9373 0.0513 168.43)
XYZ
xyz(71.31, 84.07, 85.85)
CMYK
cmyk(18%, 0%, 7%, 4%)
CSS
color: #caf6e4;
CSS variable
--color-caf6e4: #caf6e4;
SCSS
$color-caf6e4: #caf6e4;
Tailwind
emerald-100
Export
:root {
--#caf6e4-1: #caf6e4;
}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.