Preview
#39aaac
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.79:1 · vs black: 7.52:1
HEX
#39aaac
RGB
rgb(57, 170, 172)
RGBA
rgba(57, 170, 172, 1)
HSL
hsl(181, 50%, 45%)
HSV
hsv(181, 67%, 67%)
LAB
lab(63.83% -30.26 -10.31)
LCH
lch(63.83% 31.97 198.81)
OKLAB
oklab(0.6768 -0.0949 -0.0286)
OKLCH
oklch(0.6768 0.0991 196.77)
XYZ
xyz(23.51, 32.60, 44.07)
CMYK
cmyk(67%, 1%, 0%, 33%)
CSS
color: #39aaac;
CSS variable
--color-39aaac: #39aaac;
SCSS
$color-39aaac: #39aaac;
Tailwind
cyan-500
Export
:root {
--spectrum-#39aaac-1: #39aaac;
}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.