Preview
#00ffff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.25:1 · vs black: 16.75:1
HEX
#00ffff
RGB
rgb(0, 255, 255)
RGBA
rgba(0, 255, 255, 1)
HSL
hsl(180, 100%, 50%)
HSV
hsv(180, 100%, 100%)
LAB
lab(91.11% -48.09 -14.13)
LCH
lch(91.11% 50.12 196.37)
OKLAB
oklab(0.9054 -0.1494 -0.0394)
OKLCH
oklch(0.9054 0.1545 194.77)
XYZ
xyz(53.80, 78.73, 106.95)
CMYK
cmyk(100%, 0%, 0%, 0%)
CSS
color: #00ffff;
CSS variable
--color-00ffff: #00ffff;
SCSS
$color-00ffff: #00ffff;
Tailwind
cyan-500
Export
:root {
--aqua-1: #00ffff;
}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.