Preview
#2cebf2
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.27:1
HEX
#2cebf2
RGB
rgb(44, 235, 242)
RGBA
rgba(44, 235, 242, 1)
HSL
hsl(182, 88%, 56%)
HSV
hsv(182, 82%, 95%)
LAB
lab(85.18% -41.38 -16.22)
LCH
lch(85.18% 44.45 201.4)
OKLAB
oklab(0.8566 -0.1319 -0.0451)
OKLCH
oklch(0.8566 0.1394 198.88)
XYZ
xyz(46.77, 66.36, 94.33)
CMYK
cmyk(82%, 3%, 0%, 5%)
CSS
color: #2cebf2;
CSS variable
--color-2cebf2: #2cebf2;
SCSS
$color-2cebf2: #2cebf2;
Tailwind
cyan-400
Export
:root {
--#2cebf2-1: #2cebf2;
}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.