Preview
#8dd3d3
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.69:1 · vs black: 12.39:1
HEX
#8dd3d3
RGB
rgb(141, 211, 211)
RGBA
rgba(141, 211, 211, 1)
HSL
hsl(180, 44%, 69%)
HSV
hsv(180, 33%, 83%)
LAB
lab(80.15% -21.79 -6.98)
LCH
lch(80.15% 22.88 197.76)
OKLAB
oklab(0.8207 -0.0675 -0.0192)
OKLCH
oklch(0.8207 0.0702 195.88)
XYZ
xyz(46.03, 56.95, 70.18)
CMYK
cmyk(33%, 0%, 0%, 17%)
CSS
color: #8dd3d3;
CSS variable
--color-8dd3d3: #8dd3d3;
SCSS
$color-8dd3d3: #8dd3d3;
Tailwind
cyan-300
Export
:root {
--#8dd3d3-1: #8dd3d3;
}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.