Preview
#86bec6
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.19:1
HEX
#86bec6
RGB
rgb(134, 190, 198)
RGBA
rgba(134, 190, 198, 1)
HSL
hsl(188, 36%, 65%)
HSV
hsv(188, 32%, 78%)
LAB
lab(73.53% -16.15 -9.85)
LCH
lch(73.53% 18.92 211.38)
OKLAB
oklab(0.7656 -0.0526 -0.0269)
OKLCH
oklch(0.7656 0.0591 207.09)
XYZ
xyz(38.43, 45.97, 60.26)
CMYK
cmyk(32%, 4%, 0%, 22%)
CSS
color: #86bec6;
CSS variable
--color-86bec6: #86bec6;
SCSS
$color-86bec6: #86bec6;
Tailwind
cyan-300
Export
:root {
--#86bec6-1: #86bec6;
}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.