#FCECF0#FCECF0

#FCECF0 is a very light, near-neutral red. Relative luminance 0.870; OKLCH L 95.7% C 0.018 H 0.4°. Best body text is #000000 at 18.40:1 contrast (WCAG AA passes).

Color values

HEX#FCECF0
RGBrgb(252, 236, 240)
HSLhsl(345, 73%, 96%)
HSVhsv(345, 6%, 99%)
CMYKcmyk(0%, 6.3%, 4.8%, 1.2%)
CIE-LABlab(94.73, 6.07, 0.01)
CIE-LCHlch(94.73, 6.07, 0.12°)
OKLaboklab(95.69% 0.0181 0.0001)
OKLCHoklch(95.69% 0.018 0.4)
XYZxyz(85.8666, 86.9785, 94.6862)
Luminance0.8698 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FCECF0 #ECFCF8
analogous
#FCECF8 #FCECF0 #FCF0EC
triadic
#FCECF0 #F0FCEC #ECF0FC
tetradic
#FCECF0 #F8FCEC #ECFCF8 #F0ECFC
square
#FCECF0 #F8FCEC #ECFCF8 #F0ECFC
split-complementary
#FCECF0 #ECFCF0 #ECF8FC
monochromatic
#EB829D #F4B7C6 #FBE5EA #FBE5EA #FBE5EA

Accessibility & contrast

On white

1.14
#FCECF0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.40
#FCECF0 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FCECF0
18.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FCECF0#FFFFFF#000000##000000
##FCECF01.001.1418.4018.40
#FFFFFF1.141.0021.0021.00
#00000018.4021.001.001.00
##00000018.4021.001.001.00

Color blindness preview

Protanopia (red-blind)
#EEEEF0
Deuteranopia (green-blind)
#F1F1F0
Tritanopia (blue-blind)
#FFEBED
Achromatopsia (no color)
#F0F0F0

Design tokens & code

CSS
--color: #fcecf0;
/* rgb */ color: rgb(252, 236, 240);
/* oklch */ color: oklch(95.7% 0.018 0.4);
Tailwind
colors: {
  custom: {
    50: '#fdf2f4',
    500: '#fcecf0',
    950: '#000000',
  },
}
SCSS
$custom: #fcecf0;
$custom-light: #fdf2f4;
$custom-dark: #000000;
JSON
{
  "hex": "#fcecf0",
  "rgb": {
    "r": 252,
    "g": 236,
    "b": 240
  },
  "hsl": {
    "h": 345,
    "s": 72.727,
    "l": 95.686
  },
  "oklch": {
    "l": 0.95686,
    "c": 0.01807,
    "h": 0.4
  },
  "luminance": 0.86978
}

Semantic roles & 50–950 ramp

primary
#FCECF0
secondary
#A9E3D5
accent
#D5A411
background
#FFFFFF
surface
#FFFEFE
border
#D7D6D6
text
#171617
muted
#858585

Preview Lab

Preview with #FCECF0

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

Preview Lab → · Contrast checker → · Palette generator →

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