Preview
#63d5d5
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.75:1 · vs black: 12.01:1
HEX
#63d5d5
RGB
rgb(99, 213, 213)
RGBA
rgba(99, 213, 213, 1)
HSL
hsl(180, 58%, 61%)
HSV
hsv(180, 54%, 84%)
LAB
lab(79.07% -32.14 -9.86)
LCH
lch(79.07% 33.62 197.06)
OKLAB
oklab(0.8075 -0.0997 -0.0273)
OKLCH
oklch(0.8075 0.1034 195.31)
XYZ
xyz(40.95, 55.04, 71.40)
CMYK
cmyk(54%, 0%, 0%, 16%)
CSS
color: #63d5d5;
CSS variable
--color-63d5d5: #63d5d5;
SCSS
$color-63d5d5: #63d5d5;
Tailwind
cyan-300
Export
:root {
--#63d5d5-1: #63d5d5;
}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.