Preview
#76c4c5
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.01:1 · vs black: 10.47:1
HEX
#76c4c5
RGB
rgb(118, 196, 197)
RGBA
rgba(118, 196, 197, 1)
HSL
hsl(181, 41%, 62%)
HSV
hsv(181, 40%, 77%)
LAB
lab(74.42% -23.72 -8.06)
LCH
lch(74.42% 25.05 198.77)
OKLAB
oklab(0.7705 -0.0739 -0.0222)
OKLCH
oklch(0.7705 0.0772 196.72)
XYZ
xyz(37.29, 47.36, 59.99)
CMYK
cmyk(40%, 1%, 0%, 23%)
CSS
color: #76c4c5;
CSS variable
--color-76c4c5: #76c4c5;
SCSS
$color-76c4c5: #76c4c5;
Tailwind
cyan-300
Export
:root {
--#76c4c5-1: #76c4c5;
}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.