Preview
#34efe2
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.44:1 · vs black: 14.59:1
HEX
#34efe2
RGB
rgb(52, 239, 226)
RGBA
rgba(52, 239, 226, 1)
HSL
hsl(176, 85%, 57%)
HSV
hsv(176, 78%, 94%)
LAB
lab(85.98% -47 -6.6)
LCH
lch(85.98% 47.46 187.99)
OKLAB
oklab(0.8618 -0.1404 -0.0186)
OKLCH
oklch(0.8618 0.1416 187.55)
XYZ
xyz(46.00, 67.95, 82.63)
CMYK
cmyk(78%, 0%, 5%, 6%)
CSS
color: #34efe2;
CSS variable
--color-34efe2: #34efe2;
SCSS
$color-34efe2: #34efe2;
Tailwind
teal-400
Export
:root {
--#34efe2-1: #34efe2;
}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.