Preview
#222325
Family: Grey
Accessibility on this swatch:
Contrast vs white: 15.73:1 · vs black: 1.34:1
HEX
#222325
RGB
rgb(34, 35, 37)
RGBA
rgba(34, 35, 37, 1)
HSL
hsl(220, 4%, 14%)
HSV
hsv(220, 8%, 15%)
LAB
lab(13.68% 0.05 -1.5)
LCH
lch(13.68% 1.5 271.91)
OKLAB
oklab(0.2559 -0.0004 -0.004)
OKLCH
oklch(0.2559 0.004 264.29)
XYZ
xyz(1.59, 1.68, 1.99)
CMYK
cmyk(8%, 5%, 0%, 85%)
CSS
color: #222325;
CSS variable
--color-222325: #222325;
SCSS
$color-222325: #222325;
Tailwind
slate-800
Export
:root {
--#222325-1: #222325;
}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.