Preview
#68c0ba
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.13:1 · vs black: 9.84:1
HEX
#68c0ba
RGB
rgb(104, 192, 186)
RGBA
rgba(104, 192, 186, 1)
HSL
hsl(176, 41%, 58%)
HSV
hsv(176, 46%, 75%)
LAB
lab(72.35% -27.93 -5.21)
LCH
lch(72.35% 28.41 190.57)
OKLAB
oklab(0.7513 -0.0844 -0.0145)
OKLCH
oklch(0.7513 0.0856 189.75)
XYZ
xyz(33.42, 44.18, 53.21)
CMYK
cmyk(46%, 0%, 3%, 25%)
CSS
color: #68c0ba;
CSS variable
--color-68c0ba: #68c0ba;
SCSS
$color-68c0ba: #68c0ba;
Tailwind
teal-400
Export
:root {
--spectrum-#68c0ba-1: #68c0ba;
}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.