Preview
#e6e2e2
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.34:1
HEX
#e6e2e2
RGB
rgb(230, 226, 226)
RGBA
rgba(230, 226, 226, 1)
HSL
hsl(0, 7%, 89%)
HSV
hsv(0, 2%, 90%)
LAB
lab(90.19% 1.35 0.48)
LCH
lch(90.19% 1.43 19.57)
OKLAB
oklab(0.9159 0.0042 0.0013)
OKLCH
oklch(0.9159 0.0044 17.2)
XYZ
xyz(73.55, 76.71, 82.87)
CMYK
cmyk(0%, 2%, 2%, 10%)
CSS
color: #e6e2e2;
CSS variable
--color-e6e2e2: #e6e2e2;
SCSS
$color-e6e2e2: #e6e2e2;
Tailwind
slate-100
Export
:root {
--#e6e2e2-1: #e6e2e2;
}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.