Preview
#4df6ff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.32:1 · vs black: 15.94:1
HEX
#4df6ff
RGB
rgb(77, 246, 255)
RGBA
rgba(77, 246, 255, 1)
HSL
hsl(183, 100%, 65%)
HSV
hsv(183, 70%, 100%)
LAB
lab(89.25% -39.41 -16.85)
LCH
lch(89.25% 42.86 203.15)
OKLAB
oklab(0.8924 -0.1265 -0.0468)
OKLCH
oklch(0.8924 0.1349 200.3)
XYZ
xyz(54.06, 74.70, 106.16)
CMYK
cmyk(70%, 4%, 0%, 0%)
CSS
color: #4df6ff;
CSS variable
--color-4df6ff: #4df6ff;
SCSS
$color-4df6ff: #4df6ff;
Tailwind
cyan-300
Export
:root {
--#4df6ff-1: #4df6ff;
}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.