Preview
#8ec7ca
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.88:1 · vs black: 11.17:1
HEX
#8ec7ca
RGB
rgb(142, 199, 202)
RGBA
rgba(142, 199, 202, 1)
HSL
hsl(183, 36%, 67%)
HSV
hsv(183, 30%, 79%)
LAB
lab(76.59% -17.56 -7.41)
LCH
lch(76.59% 19.06 202.88)
OKLAB
oklab(0.7916 -0.0553 -0.0203)
OKLCH
oklch(0.7916 0.0589 200.16)
XYZ
xyz(42.24, 50.86, 63.46)
CMYK
cmyk(30%, 1%, 0%, 21%)
CSS
color: #8ec7ca;
CSS variable
--color-8ec7ca: #8ec7ca;
SCSS
$color-8ec7ca: #8ec7ca;
Tailwind
cyan-300
Export
:root {
--#8ec7ca-1: #8ec7ca;
}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.