Preview
#ecfbfd
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.06:1 · vs black: 19.78:1
HEX
#ecfbfd
RGB
rgb(236, 251, 253)
RGBA
rgba(236, 251, 253, 1)
HSL
hsl(187, 81%, 96%)
HSV
hsv(187, 7%, 99%)
LAB
lab(97.6% -4.52 -2.65)
LCH
lch(97.6% 5.24 210.38)
OKLAB
oklab(0.9776 -0.0143 -0.0071)
OKLCH
oklch(0.9776 0.016 206.4)
XYZ
xyz(86.82, 93.92, 106.46)
CMYK
cmyk(7%, 1%, 0%, 1%)
CSS
color: #ecfbfd;
CSS variable
--color-ecfbfd: #ecfbfd;
SCSS
$color-ecfbfd: #ecfbfd;
Tailwind
cyan-50
Export
:root {
--#ecfbfd-1: #ecfbfd;
}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.