Preview
#2c3c3e
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 11.52:1 · vs black: 1.82:1
HEX
#2c3c3e
RGB
rgb(44, 60, 62)
RGBA
rgba(44, 60, 62, 1)
HSL
hsl(187, 17%, 21%)
HSV
hsv(187, 29%, 24%)
LAB
lab(24.05% -5.9 -3.35)
LCH
lch(24.05% 6.78 209.59)
OKLAB
oklab(0.343 -0.0189 -0.0091)
OKLCH
oklch(0.343 0.021 205.71)
XYZ
xyz(3.52, 4.11, 5.17)
CMYK
cmyk(29%, 3%, 0%, 76%)
CSS
color: #2c3c3e;
CSS variable
--color-2c3c3e: #2c3c3e;
SCSS
$color-2c3c3e: #2c3c3e;
Tailwind
cyan-700
Export
:root {
--#2c3c3e-1: #2c3c3e;
}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.