Preview
#313f41
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 10.95:1 · vs black: 1.92:1
HEX
#313f41
RGB
rgb(49, 63, 65)
RGBA
rgba(49, 63, 65, 1)
HSL
hsl(187, 14%, 22%)
HSV
hsv(187, 25%, 25%)
LAB
lab(25.53% -5.13 -3.1)
LCH
lch(25.53% 5.99 211.14)
OKLAB
oklab(0.3561 -0.0165 -0.0084)
OKLCH
oklch(0.3561 0.0185 206.98)
XYZ
xyz(4.00, 4.59, 5.68)
CMYK
cmyk(25%, 3%, 0%, 75%)
CSS
color: #313f41;
CSS variable
--color-313f41: #313f41;
SCSS
$color-313f41: #313f41;
Tailwind
cyan-700
Export
:root {
--#313f41-1: #313f41;
}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.