#FDECD0#FDECD0

#FDECD0 is a very light, muted orange. Relative luminance 0.854; OKLCH L 94.9% C 0.041 H 80.3°. Best body text is #000000 at 18.09:1 contrast (WCAG AA passes).

Color values

HEX#FDECD0
RGBrgb(253, 236, 208)
HSLhsl(37, 92%, 90%)
HSVhsv(37, 18%, 99%)
CMYKcmyk(0%, 6.7%, 17.8%, 0.8%)
CIE-LABlab(94.07, 1.34, 15.66)
CIE-LCHlch(94.07, 15.72, 85.11°)
OKLaboklab(94.94% 0.0069 0.0405)
OKLCHoklch(94.94% 0.041 80.3)
XYZxyz(81.8882, 85.4292, 71.8380)
Luminance0.8543 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FDECD0 #D0E1FD
analogous
#FDD5D0 #FDECD0 #F8FDD0
triadic
#FDECD0 #D0FDEC #ECD0FD
tetradic
#FDECD0 #D0FDD5 #D0E1FD #FDD0F8
square
#FDECD0 #D0FDD5 #D0E1FD #FDD0F8
split-complementary
#FDECD0 #D0F8FD #D5D0FD
monochromatic
#F8BD5B #FBD495 #FDECD0 #FEF3E2 #FEF3E2

Accessibility & contrast

On white

1.16
#FDECD0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.09
#FDECD0 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FDECD0
18.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FDECD0#FFFFFF#000000##000000
##FDECD01.001.1618.0918.09
#FFFFFF1.161.0021.0021.00
#00000018.0921.001.001.00
##00000018.0921.001.001.00

Color blindness preview

Protanopia (red-blind)
#F4EBCE
Deuteranopia (green-blind)
#F8F0D1
Tritanopia (blue-blind)
#FFE7E4
Achromatopsia (no color)
#EEEEEE

Design tokens & code

CSS
--color: #fdecd0;
/* rgb */ color: rgb(253, 236, 208);
/* oklch */ color: oklch(94.9% 0.041 80.3);
Tailwind
colors: {
  custom: {
    50: '#fef2de',
    500: '#fdecd0',
    950: '#000000',
  },
}
SCSS
$custom: #fdecd0;
$custom-light: #fef2de;
$custom-dark: #000000;
JSON
{
  "hex": "#fdecd0",
  "rgb": {
    "r": 253,
    "g": 236,
    "b": 208
  },
  "hsl": {
    "h": 37.333,
    "s": 91.837,
    "l": 90.392
  },
  "oklch": {
    "l": 0.94942,
    "c": 0.04111,
    "h": 80.3
  },
  "luminance": 0.85428
}

Semantic roles & 50–950 ramp

primary
#FDECD0
secondary
#8BAEE6
accent
#57E600
background
#FFFFFE
surface
#FFFEFC
border
#D7D6D5
text
#181615
muted
#868584

Preview Lab

Preview with #FDECD0

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

Preview Lab → · Contrast checker → · Palette generator →

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