Preview
#dcf9f6
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.11:1 · vs black: 18.92:1
HEX
#dcf9f6
RGB
rgb(220, 249, 246)
RGBA
rgba(220, 249, 246, 1)
HSL
hsl(174, 71%, 92%)
HSV
hsv(174, 12%, 98%)
LAB
lab(95.84% -9.94 -1.74)
LCH
lch(95.84% 10.09 189.93)
OKLAB
oklab(0.9604 -0.03 -0.0048)
OKLCH
oklch(0.9604 0.0304 189.09)
XYZ
xyz(80.02, 89.62, 100.25)
CMYK
cmyk(12%, 0%, 1%, 2%)
CSS
color: #dcf9f6;
CSS variable
--color-dcf9f6: #dcf9f6;
SCSS
$color-dcf9f6: #dcf9f6;
Tailwind
teal-50
Export
:root {
--#dcf9f6-1: #dcf9f6;
}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.