Preview
#dcf1f4
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.93:1
HEX
#dcf1f4
RGB
rgb(220, 241, 244)
RGBA
rgba(220, 241, 244, 1)
HSL
hsl(188, 52%, 91%)
HSV
hsv(188, 10%, 96%)
LAB
lab(93.73% -6.29 -3.8)
LCH
lch(93.73% 7.35 211.14)
OKLAB
oklab(0.9436 -0.02 -0.0102)
OKLCH
oklch(0.9436 0.0225 207.02)
XYZ
xyz(77.30, 84.66, 97.84)
CMYK
cmyk(10%, 1%, 0%, 4%)
CSS
color: #dcf1f4;
CSS variable
--color-dcf1f4: #dcf1f4;
SCSS
$color-dcf1f4: #dcf1f4;
Tailwind
cyan-50
Export
:root {
--#dcf1f4-1: #dcf1f4;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.