Preview
#ecffff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.03:1 · vs black: 20.31:1
HEX
#ecffff
RGB
rgb(236, 255, 255)
RGBA
rgba(236, 255, 255, 1)
HSL
hsl(180, 100%, 96%)
HSV
hsv(180, 7%, 100%)
LAB
lab(98.66% -6.16 -2.12)
LCH
lch(98.66% 6.51 198.99)
OKLAB
oklab(0.9861 -0.019 -0.0057)
OKLCH
oklch(0.9861 0.0198 196.7)
XYZ
xyz(88.40, 96.57, 108.57)
CMYK
cmyk(7%, 0%, 0%, 0%)
CSS
color: #ecffff;
CSS variable
--color-ecffff: #ecffff;
SCSS
$color-ecffff: #ecffff;
Tailwind
cyan-50
Export
:root {
--#ecffff-1: #ecffff;
}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.