Preview
#2f2d34
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.59:1 · vs black: 1.55:1
HEX
#2f2d34
RGB
rgb(47, 45, 52)
RGBA
rgba(47, 45, 52, 1)
HSL
hsl(257, 7%, 19%)
HSV
hsv(257, 13%, 20%)
LAB
lab(18.92% 2.6 -4.16)
LCH
lch(18.92% 4.91 302.01)
OKLAB
oklab(0.302 0.0061 -0.0112)
OKLCH
oklch(0.302 0.0128 298.57)
XYZ
xyz(2.73, 2.73, 3.63)
CMYK
cmyk(10%, 13%, 0%, 80%)
CSS
color: #2f2d34;
CSS variable
--color-2f2d34: #2f2d34;
SCSS
$color-2f2d34: #2f2d34;
Tailwind
slate-800
Export
:root {
--#2f2d34-1: #2f2d34;
}Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Grey family.