Preview
#60d8d8
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.71:1 · vs black: 12.31:1
HEX
#60d8d8
RGB
rgb(96, 216, 216)
RGBA
rgba(96, 216, 216, 1)
HSL
hsl(180, 61%, 61%)
HSV
hsv(180, 56%, 85%)
LAB
lab(79.93% -33.34 -10.19)
LCH
lch(79.93% 34.86 197)
OKLAB
oklab(0.8144 -0.1035 -0.0282)
OKLCH
oklch(0.8144 0.1073 195.24)
XYZ
xyz(41.77, 56.55, 73.67)
CMYK
cmyk(56%, 0%, 0%, 15%)
CSS
color: #60d8d8;
CSS variable
--color-60d8d8: #60d8d8;
SCSS
$color-60d8d8: #60d8d8;
Tailwind
cyan-300
Export
:root {
--#60d8d8-1: #60d8d8;
}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.