Preview
#4ee4ea
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.54:1 · vs black: 13.61:1
HEX
#4ee4ea
RGB
rgb(78, 228, 234)
RGBA
rgba(78, 228, 234, 1)
HSL
hsl(182, 79%, 61%)
HSV
hsv(182, 67%, 92%)
LAB
lab(83.46% -36.93 -14.51)
LCH
lch(83.46% 39.68 201.45)
OKLAB
oklab(0.8435 -0.1174 -0.0403)
OKLCH
oklch(0.8435 0.1241 198.95)
XYZ
xyz(45.73, 63.04, 87.58)
CMYK
cmyk(67%, 3%, 0%, 8%)
CSS
color: #4ee4ea;
CSS variable
--color-4ee4ea: #4ee4ea;
SCSS
$color-4ee4ea: #4ee4ea;
Tailwind
cyan-300
Export
:root {
--#4ee4ea-1: #4ee4ea;
}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.