Preview
#2f4042
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 10.86:1 · vs black: 1.93:1
HEX
#2f4042
RGB
rgb(47, 64, 66)
RGBA
rgba(47, 64, 66, 1)
HSL
hsl(186, 17%, 22%)
HSV
hsv(186, 29%, 26%)
LAB
lab(25.76% -6.23 -3.45)
LCH
lch(25.76% 7.12 208.98)
OKLAB
oklab(0.3576 -0.02 -0.0094)
OKLCH
oklch(0.3576 0.0221 205.17)
XYZ
xyz(3.99, 4.66, 5.84)
CMYK
cmyk(29%, 3%, 0%, 74%)
CSS
color: #2f4042;
CSS variable
--color-2f4042: #2f4042;
SCSS
$color-2f4042: #2f4042;
Tailwind
cyan-700
Export
:root {
--#2f4042-1: #2f4042;
}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.