Preview
#5ec7d5
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.98:1 · vs black: 10.61:1
HEX
#5ec7d5
RGB
rgb(94, 199, 213)
RGBA
rgba(94, 199, 213, 1)
HSL
hsl(187, 59%, 60%)
HSV
hsv(187, 56%, 84%)
LAB
lab(74.84% -26.33 -16.2)
LCH
lch(74.84% 30.91 211.6)
OKLAB
oklab(0.773 -0.0878 -0.0448)
OKLCH
oklch(0.773 0.0986 207.03)
XYZ
xyz(37.04, 48.03, 70.26)
CMYK
cmyk(56%, 7%, 0%, 16%)
CSS
color: #5ec7d5;
CSS variable
--color-5ec7d5: #5ec7d5;
SCSS
$color-5ec7d5: #5ec7d5;
Tailwind
cyan-400
Export
:root {
--#5ec7d5-1: #5ec7d5;
}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.