Preview
#cff8ff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.13:1 · vs black: 18.52:1
HEX
#cff8ff
RGB
rgb(207, 248, 255)
RGBA
rgba(207, 248, 255, 1)
HSL
hsl(189, 100%, 91%)
HSV
hsv(189, 19%, 100%)
LAB
lab(95% -11.64 -7.72)
LCH
lch(95% 13.97 213.55)
OKLAB
oklab(0.9524 -0.0377 -0.021)
OKLCH
oklch(0.9524 0.0432 209.12)
XYZ
xyz(77.34, 87.62, 107.43)
CMYK
cmyk(19%, 3%, 0%, 0%)
CSS
color: #cff8ff;
CSS variable
--color-cff8ff: #cff8ff;
SCSS
$color-cff8ff: #cff8ff;
Tailwind
cyan-50
Export
:root {
--#cff8ff-1: #cff8ff;
}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.