Preview
#7fc3cc
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.98:1 · vs black: 10.58:1
HEX
#7fc3cc
RGB
rgb(127, 195, 204)
RGBA
rgba(127, 195, 204, 1)
HSL
hsl(187, 43%, 65%)
HSV
hsv(187, 38%, 80%)
LAB
lab(74.76% -19.15 -11.31)
LCH
lch(74.76% 22.24 210.57)
OKLAB
oklab(0.7751 -0.0625 -0.031)
OKLCH
oklch(0.7751 0.0698 206.38)
XYZ
xyz(39.16, 47.90, 64.30)
CMYK
cmyk(38%, 4%, 0%, 20%)
CSS
color: #7fc3cc;
CSS variable
--color-7fc3cc: #7fc3cc;
SCSS
$color-7fc3cc: #7fc3cc;
Tailwind
cyan-300
Export
:root {
--#7fc3cc-1: #7fc3cc;
}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.