Preview
#2f342e
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.72:1 · vs black: 1.65:1
HEX
#2f342e
RGB
rgb(47, 52, 46)
RGBA
rgba(47, 52, 46, 1)
HSL
hsl(110, 6%, 19%)
HSV
hsv(110, 12%, 20%)
LAB
lab(21.05% -3.57 3.06)
LCH
lch(21.05% 4.7 139.4)
OKLAB
oklab(0.3181 -0.0097 0.008)
OKLCH
oklch(0.3181 0.0126 140.49)
XYZ
xyz(2.89, 3.26, 3.06)
CMYK
cmyk(10%, 0%, 12%, 80%)
CSS
color: #2f342e;
CSS variable
--color-2f342e: #2f342e;
SCSS
$color-2f342e: #2f342e;
Tailwind
slate-800
Export
:root {
--#2f342e-1: #2f342e;
}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.