Preview
#dfe2de
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 16.07:1
HEX
#dfe2de
RGB
rgb(223, 226, 222)
RGBA
rgba(223, 226, 222, 1)
HSL
hsl(105, 6%, 88%)
HSV
hsv(105, 2%, 89%)
LAB
lab(89.56% -1.73 1.6)
LCH
lch(89.56% 2.36 137.24)
OKLAB
oklab(0.9093 -0.0046 0.0042)
OKLCH
oklch(0.9093 0.0062 137.6)
XYZ
xyz(70.81, 75.35, 79.91)
CMYK
cmyk(1%, 0%, 2%, 11%)
CSS
color: #dfe2de;
CSS variable
--color-dfe2de: #dfe2de;
SCSS
$color-dfe2de: #dfe2de;
Tailwind
slate-100
Export
:root {
--#dfe2de-1: #dfe2de;
}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.