Preview
#242325
Family: Grey
Accessibility on this swatch:
Contrast vs white: 15.65:1 · vs black: 1.34:1
HEX
#242325
RGB
rgb(36, 35, 37)
RGBA
rgba(36, 35, 37, 1)
HSL
hsl(270, 3%, 14%)
HSV
hsv(270, 5%, 15%)
LAB
lab(13.89% 0.96 -1.17)
LCH
lch(13.89% 1.51 309.37)
OKLAB
oklab(0.258 0.0025 -0.0031)
OKLCH
oklch(0.258 0.004 308.88)
XYZ
xyz(1.66, 1.71, 1.99)
CMYK
cmyk(3%, 5%, 0%, 85%)
CSS
color: #242325;
CSS variable
--color-242325: #242325;
SCSS
$color-242325: #242325;
Tailwind
slate-800
Export
:root {
--#242325-1: #242325;
}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.