Preview
#c6ecf3
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.69:1
HEX
#c6ecf3
RGB
rgb(198, 236, 243)
RGBA
rgba(198, 236, 243, 1)
HSL
hsl(189, 65%, 86%)
HSV
hsv(189, 19%, 95%)
LAB
lab(90.99% -10.81 -7.48)
LCH
lch(90.99% 13.15 214.68)
OKLAB
oklab(0.9182 -0.0351 -0.0203)
OKLCH
oklch(0.9182 0.0405 210.04)
XYZ
xyz(69.46, 78.47, 96.26)
CMYK
cmyk(19%, 3%, 0%, 5%)
CSS
color: #c6ecf3;
CSS variable
--color-c6ecf3: #c6ecf3;
SCSS
$color-c6ecf3: #c6ecf3;
Tailwind
cyan-100
Export
:root {
--#c6ecf3-1: #c6ecf3;
}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.