Preview
#8ec4cb
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.91:1
HEX
#8ec4cb
RGB
rgb(142, 196, 203)
RGBA
rgba(142, 196, 203, 1)
HSL
hsl(187, 37%, 68%)
HSV
hsv(187, 30%, 80%)
LAB
lab(75.79% -15.79 -9.16)
LCH
lch(75.79% 18.25 210.12)
OKLAB
oklab(0.7852 -0.0511 -0.025)
OKLCH
oklch(0.7852 0.0569 206.07)
XYZ
xyz(41.67, 49.54, 63.85)
CMYK
cmyk(30%, 3%, 0%, 20%)
CSS
color: #8ec4cb;
CSS variable
--color-8ec4cb: #8ec4cb;
SCSS
$color-8ec4cb: #8ec4cb;
Tailwind
cyan-300
Export
:root {
--#8ec4cb-1: #8ec4cb;
}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.