Preview
#2997a3
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 3.47:1 · vs black: 6.05:1
HEX
#2997a3
RGB
rgb(41, 151, 163)
RGBA
rgba(41, 151, 163, 1)
HSL
hsl(186, 60%, 40%)
HSV
hsv(186, 75%, 64%)
LAB
lab(57.32% -25.78 -15.07)
LCH
lch(57.32% 29.86 210.31)
OKLAB
oklab(0.6221 -0.0863 -0.0419)
OKLCH
oklch(0.6221 0.0959 205.9)
XYZ
xyz(18.59, 25.25, 38.54)
CMYK
cmyk(75%, 7%, 0%, 36%)
CSS
color: #2997a3;
CSS variable
--color-2997a3: #2997a3;
SCSS
$color-2997a3: #2997a3;
Tailwind
cyan-600
Export
:root {
--spectrum-#2997a3-1: #2997a3;
}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.