Preview
#463d42
Family: Grey
Accessibility on this swatch:
Contrast vs white: 10.47:1 · vs black: 2.01:1
HEX
#463d42
RGB
rgb(70, 61, 66)
RGBA
rgba(70, 61, 66, 1)
HSL
hsl(327, 7%, 26%)
HSV
hsv(327, 13%, 27%)
LAB
lab(26.83% 4.94 -1.63)
LCH
lch(26.83% 5.2 341.74)
OKLAB
oklab(0.3711 0.0142 -0.0043)
OKLCH
oklch(0.3711 0.0148 343.15)
XYZ
xyz(5.18, 5.03, 5.85)
CMYK
cmyk(0%, 13%, 6%, 73%)
CSS
color: #463d42;
CSS variable
--color-463d42: #463d42;
SCSS
$color-463d42: #463d42;
Tailwind
slate-700
Export
:root {
--#463d42-1: #463d42;
}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.