#FDECEC#FDECEC

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

Color values

HEX#FDECEC
RGBrgb(253, 236, 236)
HSLhsl(0, 81%, 96%)
HSVhsv(0, 7%, 99%)
CMYKcmyk(0%, 6.7%, 6.7%, 0.8%)
CIE-LABlab(94.71, 5.74, 2.07)
CIE-LCHlch(94.71, 6.10, 19.82°)
OKLaboklab(95.66% 0.0176 0.0056)
OKLCHoklch(95.66% 0.018 17.5)
XYZxyz(85.6421, 86.9307, 91.6083)
Luminance0.8693 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FDECEC #ECFDFD
analogous
#FDECF4 #FDECEC #FDF4EC
triadic
#FDECEC #ECFDEC #ECECFD
tetradic
#FDECEC #F4FDEC #ECFDFD #F4ECFD
square
#FDECEC #F4FDEC #ECFDFD #F4ECFD
split-complementary
#FDECEC #ECFDF4 #ECF4FD
monochromatic
#F17D7D #F7B5B5 #FCE3E3 #FCE3E3 #FCE3E3

Accessibility & contrast

On white

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

On black

18.39
#FDECEC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FDECEC
18.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FDECEC#FFFFFF#000000##000000
##FDECEC1.001.1418.3918.39
#FFFFFF1.141.0021.0021.00
#00000018.3921.001.001.00
##00000018.3921.001.001.00

Color blindness preview

Protanopia (red-blind)
#EFEEEC
Deuteranopia (green-blind)
#F2F1EC
Tritanopia (blue-blind)
#FFEBEC
Achromatopsia (no color)
#F0F0F0

Design tokens & code

CSS
--color: #fdecec;
/* rgb */ color: rgb(253, 236, 236);
/* oklch */ color: oklch(95.7% 0.018 17.5);
Tailwind
colors: {
  custom: {
    50: '#fef2f2',
    500: '#fdecec',
    950: '#000000',
  },
}
SCSS
$custom: #fdecec;
$custom-light: #fef2f2;
$custom-dark: #000000;
JSON
{
  "hex": "#fdecec",
  "rgb": {
    "r": 253,
    "g": 236,
    "b": 236
  },
  "hsl": {
    "h": 0,
    "s": 80.952,
    "l": 95.882
  },
  "oklch": {
    "l": 0.95656,
    "c": 0.01848,
    "h": 17.5
  },
  "luminance": 0.8693
}

Semantic roles & 50–950 ramp

primary
#FDECEC
secondary
#A7E7E7
accent
#DDDD08
background
#FFFFFF
surface
#FFFEFE
border
#D7D6D6
text
#171616
muted
#858585

Preview Lab

Preview with #FDECEC

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

Preview Lab → · Contrast checker → · Palette generator →

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