#FDEBEE#FDEBEE

#FDEBEE is a very light, near-neutral red. Relative luminance 0.865; OKLCH L 95.5% C 0.020 H 6.0°. Best body text is #000000 at 18.29:1 contrast (WCAG AA passes).

Color values

HEX	#FDEBEE
RGB	rgb(253, 235, 238)
HSL	hsl(350, 82%, 96%)
HSV	hsv(350, 7%, 99%)
CMYK	cmyk(0%, 7.1%, 5.9%, 0.8%)
CIE-LAB	lab(94.51, 6.59, 0.75)
CIE-LCH	lch(94.51, 6.63, 6.47°)
OKLab	oklab(95.52% 0.0198 0.0021)
OKLCH	oklch(95.52% 0.02 6)
XYZ	xyz(85.6472, 86.4734, 93.0515)
Luminance	0.8647 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#FDEBEE #EBFDFA

analogous

#FDEBF7 #FDEBEE #FDF1EB

triadic

#FDEBEE #EEFDEB #EBEEFD

tetradic

#FDEBEE #F7FDEB #EBFDFA #F1EBFD

square

#FDEBEE #F7FDEB #EBFDFA #F1EBFD

split-complementary

#FDEBEE #EBFDF1 #EBF7FD

monochromatic

#F27C8F #F7B3BF #FCE3E7 #FCE3E7 #FCE3E7

Accessibility & contrast

On white

1.15

#FDEBEE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

18.29

#FDEBEE on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FDEBEE

18.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##FDEBEE	#FFFFFF	#000000	##000000
##FDEBEE	1.00	1.15	18.29	18.29
#FFFFFF	1.15	1.00	21.00	21.00
#000000	18.29	21.00	1.00	1.00
##000000	18.29	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#EDEDEE

Deuteranopia (green-blind)

#F1F0EE

Tritanopia (blue-blind)

#FFEAEC

Achromatopsia (no color)

#EFEFEF

Design tokens & code

CSS

--color: #fdebee;
/* rgb */ color: rgb(253, 235, 238);
/* oklch */ color: oklch(95.5% 0.020 6.0);

Tailwind

colors: {
  custom: {
    50: '#fef1f3',
    500: '#fdebee',
    950: '#000000',
  },
}

SCSS

$custom: #fdebee;
$custom-light: #fef1f3;
$custom-dark: #000000;

JSON

{
  "hex": "#fdebee",
  "rgb": {
    "r": 253,
    "g": 235,
    "b": 238
  },
  "hsl": {
    "h": 350,
    "s": 81.818,
    "l": 95.686
  },
  "oklch": {
    "l": 0.9552,
    "c": 0.01992,
    "h": 6
  },
  "luminance": 0.86472
}

Semantic roles & 50–950 ramp

primary

#FDEBEE

secondary

#A6E7DC

accent

#DEBA07

background

#FFFFFF

surface

#FFFEFE

border

#D7D6D6

text

#171617

muted

#858585

Preview Lab

Preview with #FDEBEE

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

Preview Lab → · Contrast checker → · Palette generator →