Preview
#313d3d
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 11.26:1 · vs black: 1.87:1
HEX
#313d3d
RGB
rgb(49, 61, 61)
RGBA
rgba(49, 61, 61, 1)
HSL
hsl(180, 11%, 22%)
HSV
hsv(180, 20%, 24%)
LAB
lab(24.73% -4.91 -1.64)
LCH
lch(24.73% 5.18 198.47)
OKLAB
oklab(0.3492 -0.0152 -0.0045)
OKLCH
oklch(0.3492 0.0159 196.49)
XYZ
xyz(3.78, 4.33, 5.05)
CMYK
cmyk(20%, 0%, 0%, 76%)
CSS
color: #313d3d;
CSS variable
--color-313d3d: #313d3d;
SCSS
$color-313d3d: #313d3d;
Tailwind
cyan-700
Export
:root {
--#313d3d-1: #313d3d;
}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.