Preview
#121212
Family: Black
Accessibility on this swatch:
Contrast vs white: 18.73:1 · vs black: 1.12:1
HEX
#121212
RGB
rgb(18, 18, 18)
RGBA
rgba(18, 18, 18, 1)
HSL
hsl(0, 0%, 7%)
HSV
hsv(0, 0%, 7%)
LAB
lab(5.46% 0 0)
LCH
lch(5.46% 0 180)
OKLAB
oklab(0.1822 0 0)
OKLCH
oklch(0.1822 0 0)
XYZ
xyz(0.57, 0.60, 0.66)
CMYK
cmyk(0%, 0%, 0%, 93%)
CSS
color: #121212;
CSS variable
--color-121212: #121212;
SCSS
$color-121212: #121212;
Tailwind
slate-900
Export
:root {
--#121212-1: #121212;
}Power, elegance, and clarity. Luxury brands and high-contrast interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Black family.