#ECE8E8#ECE8E8

#ECE8E8 is a very light, near-neutral red. Relative luminance 0.814; OKLCH L 93.4% C 0.004 H 17.2°. Best body text is #000000 at 17.27:1 contrast (WCAG AA passes).

Color values

HEX#ECE8E8
RGBrgb(236, 232, 232)
HSLhsl(0, 10%, 92%)
HSVhsv(0, 2%, 93%)
CMYKcmyk(0%, 1.7%, 1.7%, 7.5%)
CIE-LABlab(92.30, 1.34, 0.48)
CIE-LCHlch(92.30, 1.43, 19.51°)
OKLaboklab(93.41% 0.0041 0.0013)
OKLCHoklch(93.41% 0.004 17.2)
XYZxyz(78.0119, 81.3725, 87.9250)
Luminance0.8137 (WCAG relative)
Temperatureneutral
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ECE8E8 #E8ECEC
analogous
#ECE8EA #ECE8E8 #ECEAE8
triadic
#ECE8E8 #E8ECE8 #E8E8EC
tetradic
#ECE8E8 #EAECE8 #E8ECEC #EAE8EC
square
#ECE8E8 #EAECE8 #E8ECEC #EAE8EC
split-complementary
#ECE8E8 #E8ECEA #E8EAEC
monochromatic
#B5A5A5 #D0C6C6 #ECE8E8 #F1EEEE #F1EEEE

Accessibility & contrast

On white

1.22
#ECE8E8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.27
#ECE8E8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ECE8E8
17.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ECE8E8#FFFFFF#000000##000000
##ECE8E81.001.2217.2717.27
#FFFFFF1.221.0021.0021.00
#00000017.2721.001.001.00
##00000017.2721.001.001.00

Color blindness preview

Protanopia (red-blind)
#E9E8E8
Deuteranopia (green-blind)
#E9E9E8
Tritanopia (blue-blind)
#EDE8E8
Achromatopsia (no color)
#E9E9E9

Design tokens & code

CSS
--color: #ece8e8;
/* rgb */ color: rgb(236, 232, 232);
/* oklch */ color: oklch(93.4% 0.004 17.2);
Tailwind
colors: {
  custom: {
    50: '#f2efef',
    500: '#ece8e8',
    950: '#000000',
  },
}
SCSS
$custom: #ece8e8;
$custom-light: #f2efef;
$custom-dark: #000000;
JSON
{
  "hex": "#ece8e8",
  "rgb": {
    "r": 236,
    "g": 232,
    "b": 232
  },
  "hsl": {
    "h": 0,
    "s": 9.524,
    "l": 91.765
  },
  "oklch": {
    "l": 0.93411,
    "c": 0.00432,
    "h": 17.2
  },
  "luminance": 0.81372
}

Semantic roles & 50–950 ramp

primary
#ECE8E8
secondary
#B8C1C1
accent
#949452
background
#FFFFFF
surface
#FEFEFE
border
#D6D6D6
text
#161616
muted
#858585

Preview Lab

Preview with #ECE8E8

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

Preview Lab → · Contrast checker → · Palette generator →

#ECE8E8 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva