Preview
#3f3840
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.34:1 · vs black: 1.85:1
HEX
#3f3840
RGB
rgb(63, 56, 64)
RGBA
rgba(63, 56, 64, 1)
HSL
hsl(293, 7%, 24%)
HSV
hsv(293, 13%, 25%)
LAB
lab(24.5% 4.83 -3.84)
LCH
lch(24.5% 6.17 321.51)
OKLAB
oklab(0.351 0.0131 -0.0102)
OKLCH
oklch(0.351 0.0166 322.09)
XYZ
xyz(4.39, 4.26, 5.44)
CMYK
cmyk(2%, 13%, 0%, 75%)
CSS
color: #3f3840;
CSS variable
--color-3f3840: #3f3840;
SCSS
$color-3f3840: #3f3840;
Tailwind
slate-700
Export
:root {
--#3f3840-1: #3f3840;
}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.