#EEECEC#EEECEC

#EEECEC is a very light, near-neutral grey. Relative luminance 0.842; OKLCH L 94.5% C 0.002 H 17.3°. Best body text is #000000 at 17.84:1 contrast (WCAG AA passes).

Color values

HEX	#EEECEC
RGB	rgb(238, 236, 236)
HSL	hsl(0, 6%, 93%)
HSV	hsv(0, 1%, 93%)
CMYK	cmyk(0%, 0.8%, 0.8%, 6.7%)
CIE-LAB	lab(93.55, 0.67, 0.24)
CIE-LCH	lch(93.55, 0.71, 19.46°)
OKLab	oklab(94.46% 0.0021 0.0006)
OKLCH	oklch(94.46% 0.002 17.3)
XYZ	xyz(80.3932, 84.2243, 91.3623)
Luminance	0.8422 (WCAG relative)
Temperature	neutral
Family	grey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#EEECEC #ECEEEE

analogous

#EEECED #EEECEC #EEEDEC

triadic

#EEECEC #ECEEEC #ECECEE

tetradic

#EEECEC #EDEEEC #ECEEEE #EDECEE

square

#EEECEC #EDEEEC #ECEEEE #EDECEE

split-complementary

#EEECEC #ECEEED #ECEDEE

monochromatic

#B4ABAB #D1CCCC #EEECEC #F1EFEF #F1EFEF

Accessibility & contrast

On white

1.18

#EEECEC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.84

#EEECEC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EEECEC

17.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##EEECEC	#FFFFFF	#000000	##000000
##EEECEC	1.00	1.18	17.84	17.84
#FFFFFF	1.18	1.00	21.00	21.00
#000000	17.84	21.00	1.00	1.00
##000000	17.84	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#ECECEC

Deuteranopia (green-blind)

#EDEDEC

Tritanopia (blue-blind)

#EFECEC

Achromatopsia (no color)

#ECECEC

Design tokens & code

CSS

--color: #eeecec;
/* rgb */ color: rgb(238, 236, 236);
/* oklch */ color: oklch(94.5% 0.002 17.3);

Tailwind

colors: {
  custom: {
    50: '#f3f2f2',
    500: '#eeecec',
    950: '#000000',
  },
}

SCSS

$custom: #eeecec;
$custom-light: #f3f2f2;
$custom-dark: #000000;

JSON

{
  "hex": "#eeecec",
  "rgb": {
    "r": 238,
    "g": 236,
    "b": 236
  },
  "hsl": {
    "h": 0,
    "s": 5.556,
    "l": 92.941
  },
  "oklch": {
    "l": 0.94463,
    "c": 0.00216,
    "h": 17.3
  },
  "luminance": 0.84224
}

Semantic roles & 50–950 ramp

primary

#EEECEC

secondary

#BDC2C2

accent

#8F8F56

background

#FFFFFF

surface

#FEFEFE

border

#D6D6D6

text

#171616

muted

#858585

Preview Lab

Preview with #EEECEC

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →