Preview
#201f20
Family: Grey
Accessibility on this swatch:
Contrast vs white: 16.43:1 · vs black: 1.28:1
HEX
#201f20
RGB
rgb(32, 31, 32)
RGBA
rgba(32, 31, 32, 1)
HSL
hsl(300, 2%, 12%)
HSV
hsv(300, 3%, 13%)
LAB
lab(11.9% 0.72 -0.51)
LCH
lch(11.9% 0.88 324.69)
OKLAB
oklab(0.2408 0.002 -0.0014)
OKLCH
oklch(0.2408 0.0024 325.01)
XYZ
xyz(1.35, 1.39, 1.56)
CMYK
cmyk(0%, 3%, 0%, 87%)
CSS
color: #201f20;
CSS variable
--color-201f20: #201f20;
SCSS
$color-201f20: #201f20;
Tailwind
slate-900
Export
:root {
--#201f20-1: #201f20;
}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.