#FEFCD8#FEFCD8

#FEFCD8 is a very light, muted yellow. Relative luminance 0.957; OKLCH L 98.3% C 0.047 H 104.6°. Best body text is #000000 at 20.13:1 contrast (WCAG AA passes).

Color values

HEX#FEFCD8
RGBrgb(254, 252, 216)
HSLhsl(57, 95%, 92%)
HSVhsv(57, 15%, 100%)
CMYKcmyk(0%, 0.8%, 15%, 0.4%)
CIE-LABlab(98.29, -5.18, 17.51)
CIE-LCHlch(98.29, 18.26, 106.47°)
OKLaboklab(98.34% -0.0118 0.0452)
OKLCHoklch(98.34% 0.047 104.6)
XYZxyz(88.0771, 95.6504, 78.7749)
Luminance0.9565 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FEFCD8 #D8DAFE
analogous
#FEE9D8 #FEFCD8 #EDFED8
triadic
#FEFCD8 #D8FEFC #FCD8FE
tetradic
#FEFCD8 #D8FEE9 #D8DAFE #FED8ED
square
#FEFCD8 #D8FEE9 #D8DAFE #FED8ED
split-complementary
#FEFCD8 #D8EDFE #E9D8FE
monochromatic
#FBF361 #FCF79C #FEFCD8 #FEFDE1 #FEFDE1

Accessibility & contrast

On white

1.04
#FEFCD8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

20.13
#FEFCD8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FEFCD8
20.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FEFCD8#FFFFFF#000000##000000
##FEFCD81.001.0420.1320.13
#FFFFFF1.041.0021.0021.00
#00000020.1321.001.001.00
##00000020.1321.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF9D6
Deuteranopia (green-blind)
#FFFBD9
Tritanopia (blue-blind)
#FFF7F2
Achromatopsia (no color)
#FAFAFA

Design tokens & code

CSS
--color: #fefcd8;
/* rgb */ color: rgb(254, 252, 216);
/* oklch */ color: oklch(98.3% 0.047 104.6);
Tailwind
colors: {
  custom: {
    50: '#fffde4',
    500: '#fefcd8',
    950: '#000000',
  },
}
SCSS
$custom: #fefcd8;
$custom-light: #fffde4;
$custom-dark: #000000;
JSON
{
  "hex": "#fefcd8",
  "rgb": {
    "r": 254,
    "g": 252,
    "b": 216
  },
  "hsl": {
    "h": 56.842,
    "s": 95,
    "l": 92.157
  },
  "oklch": {
    "l": 0.98344,
    "c": 0.04671,
    "h": 104.6
  },
  "luminance": 0.9565
}

Semantic roles & 50–950 ramp

primary
#FEFCD8
secondary
#9196E9
accent
#0CE600
background
#FFFFFE
surface
#FFFFFC
border
#D7D7D5
text
#181715
muted
#868584

Preview Lab

Preview with #FEFCD8

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

Preview Lab → · Contrast checker → · Palette generator →

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