Preview
#71c9d5
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.91:1 · vs black: 11.02:1
HEX
#71c9d5
RGB
rgb(113, 201, 213)
RGBA
rgba(113, 201, 213, 1)
HSL
hsl(187, 54%, 64%)
HSV
hsv(187, 47%, 84%)
LAB
lab(76.12% -23.31 -14.2)
LCH
lch(76.12% 27.29 211.35)
OKLAB
oklab(0.7852 -0.077 -0.0391)
OKLCH
oklch(0.7852 0.0864 206.92)
XYZ
xyz(39.70, 50.08, 70.51)
CMYK
cmyk(47%, 6%, 0%, 16%)
CSS
color: #71c9d5;
CSS variable
--color-71c9d5: #71c9d5;
SCSS
$color-71c9d5: #71c9d5;
Tailwind
cyan-300
Export
:root {
--#71c9d5-1: #71c9d5;
}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.