Preview
#2d2e2f
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.61:1 · vs black: 1.54:1
HEX
#2d2e2f
RGB
rgb(45, 46, 47)
RGBA
rgba(45, 46, 47, 1)
HSL
hsl(210, 2%, 18%)
HSV
hsv(210, 4%, 18%)
LAB
lab(18.87% -0.2 -0.8)
LCH
lch(18.87% 0.82 255.96)
OKLAB
oklab(0.3006 -0.0009 -0.0021)
OKLCH
oklch(0.3006 0.0023 246.8)
XYZ
xyz(2.57, 2.72, 3.08)
CMYK
cmyk(4%, 2%, 0%, 82%)
CSS
color: #2d2e2f;
CSS variable
--color-2d2e2f: #2d2e2f;
SCSS
$color-2d2e2f: #2d2e2f;
Tailwind
slate-800
Export
:root {
--#2d2e2f-1: #2d2e2f;
}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.