Preview
#eeeced
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.18:1 · vs black: 17.86:1
HEX
#eeeced
RGB
rgb(238, 236, 237)
RGBA
rgba(238, 236, 237, 1)
HSL
hsl(330, 6%, 93%)
HSV
hsv(330, 1%, 93%)
LAB
lab(93.57% 0.85 -0.25)
LCH
lch(93.57% 0.89 343.61)
OKLAB
oklab(0.9449 0.0024 -0.0006)
OKLCH
oklch(0.9449 0.0025 345.96)
XYZ
xyz(80.54, 84.28, 92.13)
CMYK
cmyk(0%, 1%, 0%, 7%)
CSS
color: #eeeced;
CSS variable
--color-eeeced: #eeeced;
SCSS
$color-eeeced: #eeeced;
Tailwind
slate-50
Export
:root {
--#eeeced-1: #eeeced;
}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.