#FDEAE1#FDEAE1

#FDEAE1 is a very light, muted orange. Relative luminance 0.852; OKLCH L 95.0% C 0.024 H 47.1°. Best body text is #000000 at 18.03:1 contrast (WCAG AA passes).

Color values

HEX#FDEAE1
RGBrgb(253, 234, 225)
HSLhsl(19, 88%, 94%)
HSVhsv(19, 11%, 99%)
CMYKcmyk(0%, 7.5%, 11.1%, 0.8%)
CIE-LABlab(93.95, 4.97, 6.69)
CIE-LCHlch(93.95, 8.33, 53.39°)
OKLaboklab(94.98% 0.0164 0.0176)
OKLCHoklch(94.98% 0.024 47.1)
XYZxyz(83.5203, 85.1659, 83.2584)
Luminance0.8517 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FDEAE1 #E1F4FD
analogous
#FDE1E6 #FDEAE1 #FDF8E1
triadic
#FDEAE1 #E1FDEA #EAE1FD
tetradic
#FDEAE1 #E6FDE1 #E1F4FD #F8E1FD
square
#FDEAE1 #E6FDE1 #E1F4FD #F8E1FD
split-complementary
#FDEAE1 #E1FDF8 #E1E6FD
monochromatic
#F59A6E #F9C2A8 #FDEAE1 #FDEBE2 #FDEBE2

Accessibility & contrast

On white

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

On black

18.03
#FDEAE1 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FDEAE1
18.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FDEAE1#FFFFFF#000000##000000
##FDEAE11.001.1618.0318.03
#FFFFFF1.161.0021.0021.00
#00000018.0321.001.001.00
##00000018.0321.001.001.00

Color blindness preview

Protanopia (red-blind)
#EFEBE0
Deuteranopia (green-blind)
#F3EFE1
Tritanopia (blue-blind)
#FFE7E7
Achromatopsia (no color)
#EEEEEE

Design tokens & code

CSS
--color: #fdeae1;
/* rgb */ color: rgb(253, 234, 225);
/* oklch */ color: oklch(95.0% 0.024 47.1);
Tailwind
colors: {
  custom: {
    50: '#fef0ea',
    500: '#fdeae1',
    950: '#000000',
  },
}
SCSS
$custom: #fdeae1;
$custom-light: #fef0ea;
$custom-dark: #000000;
JSON
{
  "hex": "#fdeae1",
  "rgb": {
    "r": 253,
    "g": 234,
    "b": 225
  },
  "hsl": {
    "h": 19.286,
    "s": 87.5,
    "l": 93.725
  },
  "oklch": {
    "l": 0.94978,
    "c": 0.02406,
    "h": 47.1
  },
  "luminance": 0.85165
}

Semantic roles & 50–950 ramp

primary
#FDEAE1
secondary
#9BCFE7
accent
#9BE401
background
#FFFFFE
surface
#FFFEFD
border
#D7D6D5
text
#171616
muted
#858584

Preview Lab

Preview with #FDEAE1

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

Preview Lab → · Contrast checker → · Palette generator →

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