Preview
#409da5
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 3.19:1 · vs black: 6.58:1
HEX
#409da5
RGB
rgb(64, 157, 165)
RGBA
rgba(64, 157, 165, 1)
HSL
hsl(185, 44%, 45%)
HSV
hsv(185, 61%, 65%)
LAB
lab(59.81% -24.71 -12.37)
LCH
lch(59.81% 27.63 206.59)
OKLAB
oklab(0.6441 -0.0804 -0.0343)
OKLCH
oklch(0.6441 0.0874 203.1)
XYZ
xyz(20.96, 27.92, 39.87)
CMYK
cmyk(61%, 5%, 0%, 35%)
CSS
color: #409da5;
CSS variable
--color-409da5: #409da5;
SCSS
$color-409da5: #409da5;
Tailwind
cyan-500
Export
:root {
--spectrum-#409da5-1: #409da5;
}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.