Preview
#00ced1
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.95:1 · vs black: 10.75:1
HEX
#00ced1
RGB
rgb(0, 206, 209)
RGBA
rgba(0, 206, 209, 1)
HSL
hsl(181, 100%, 41%)
HSV
hsv(181, 100%, 82%)
LAB
lab(75.29% -40.04 -13.51)
LCH
lch(75.29% 42.26 198.65)
OKLAB
oklab(0.7719 -0.1259 -0.0376)
OKLCH
oklch(0.7719 0.1314 196.63)
XYZ
xyz(33.57, 48.74, 67.95)
CMYK
cmyk(100%, 1%, 0%, 18%)
CSS
color: #00ced1;
CSS variable
--color-00ced1: #00ced1;
SCSS
$color-00ced1: #00ced1;
Tailwind
cyan-500
Export
:root {
--darkturquoise-1: #00ced1;
}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.