Preview
#61d6d2
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.06:1
HEX
#61d6d2
RGB
rgb(97, 214, 210)
RGBA
rgba(97, 214, 210, 1)
HSL
hsl(178, 59%, 61%)
HSV
hsv(178, 55%, 84%)
LAB
lab(79.2% -33.79 -8.05)
LCH
lch(79.2% 34.74 193.4)
OKLAB
oklab(0.8081 -0.1033 -0.0224)
OKLCH
oklch(0.8081 0.1057 192.23)
XYZ
xyz(40.60, 55.28, 69.49)
CMYK
cmyk(55%, 0%, 2%, 16%)
CSS
color: #61d6d2;
CSS variable
--color-61d6d2: #61d6d2;
SCSS
$color-61d6d2: #61d6d2;
Tailwind
teal-300
Export
:root {
--spectrum-#61d6d2-1: #61d6d2;
}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.