Preview
#433f44
Family: Grey
Accessibility on this swatch:
Contrast vs white: 10.33:1 · vs black: 2.03:1
HEX
#433f44
RGB
rgb(67, 63, 68)
RGBA
rgba(67, 63, 68, 1)
HSL
hsl(288, 4%, 26%)
HSV
hsv(288, 7%, 27%)
LAB
lab(27.2% 2.81 -2.43)
LCH
lch(27.2% 3.71 319.15)
OKLAB
oklab(0.3735 0.0076 -0.0065)
OKLCH
oklch(0.3735 0.01 319.46)
XYZ
xyz(5.14, 5.17, 6.19)
CMYK
cmyk(1%, 7%, 0%, 73%)
CSS
color: #433f44;
CSS variable
--color-433f44: #433f44;
SCSS
$color-433f44: #433f44;
Tailwind
slate-700
Export
:root {
--#433f44-1: #433f44;
}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.