Preview
#303436
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.57:1 · vs black: 1.67:1
HEX
#303436
RGB
rgb(48, 52, 54)
RGBA
rgba(48, 52, 54, 1)
HSL
hsl(200, 6%, 20%)
HSV
hsv(200, 11%, 21%)
LAB
lab(21.4% -1.23 -1.85)
LCH
lch(21.4% 2.22 236.38)
OKLAB
oklab(0.3219 -0.0043 -0.005)
OKLCH
oklch(0.3219 0.0066 229.3)
XYZ
xyz(3.11, 3.35, 3.97)
CMYK
cmyk(11%, 4%, 0%, 79%)
CSS
color: #303436;
CSS variable
--color-303436: #303436;
SCSS
$color-303436: #303436;
Tailwind
slate-800
Export
:root {
--#303436-1: #303436;
}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.