Preview
#171818
Family: Grey
Accessibility on this swatch:
Contrast vs white: 17.79:1 · vs black: 1.18:1
HEX
#171818
RGB
rgb(23, 24, 24)
RGBA
rgba(23, 24, 24, 1)
HSL
hsl(180, 2%, 9%)
HSV
hsv(180, 4%, 9%)
LAB
lab(8.14% -0.48 -0.17)
LCH
lch(8.14% 0.51 199.5)
OKLAB
oklab(0.2079 -0.0015 -0.0005)
OKLCH
oklch(0.2079 0.0016 198.43)
XYZ
xyz(0.84, 0.90, 0.99)
CMYK
cmyk(4%, 0%, 0%, 91%)
CSS
color: #171818;
CSS variable
--color-171818: #171818;
SCSS
$color-171818: #171818;
Tailwind
slate-900
Export
:root {
--#171818-1: #171818;
}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.