Preview
#7ecace
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.87:1 · vs black: 11.23:1
HEX
#7ecace
RGB
rgb(126, 202, 206)
RGBA
rgba(126, 202, 206, 1)
HSL
hsl(183, 45%, 65%)
HSV
hsv(183, 39%, 81%)
LAB
lab(76.76% -22.45 -9.42)
LCH
lch(76.76% 24.35 202.76)
OKLAB
oklab(0.7911 -0.071 -0.0259)
OKLCH
oklch(0.7911 0.0756 200.04)
XYZ
xyz(40.86, 51.13, 66.10)
CMYK
cmyk(39%, 2%, 0%, 19%)
CSS
color: #7ecace;
CSS variable
--color-7ecace: #7ecace;
SCSS
$color-7ecace: #7ecace;
Tailwind
cyan-300
Export
:root {
--#7ecace-1: #7ecace;
}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.