Skip to content
ColorPlum

Colors · value from the CSS Color Module Level 4 (W3C)

Lemon chiffon color: hex code #FFFACD, RGB and palettes

Lemon chiffon is #FFFACD (RGB 255, 250, 205), the CSS named color: a pale, creamy yellow. Dark text reads easily on it, with black at 19.80:1, but the color is just 1.06:1 against white.

By Paul Gunder. Every value is computed from published standards; see how ColorPlum works.

Updated

ColorPlum swatchLemon chiffonpale, soft yellow
HEX
#FFFACD
RGB
rgb(255, 250, 205)
HSL
hsl(54, 100%, 90%)

Best text on it: black at 19.80:1

Copy codes as
Build a paletteMake a gradientCheck contrastWallpaper

Every code for Lemon chiffon

  • HEX#FFFACD
  • RGBrgb(255, 250, 205)
  • HSLhsl(54, 100%, 90%)
  • HSV54°, 20%, 100%
  • CMYK0%, 2%, 20%, 0%
  • Lablab(97.8% -3.5 22.3)
  • OKLCHoklch(97.8% 0.058 102.2)
  • Decimal16775885

Tints, shades and tones

From white to black in 10% steps, with Lemon chiffon in the middle. Tap a code to copy it.

  1. 90%#FFFFFA
  2. 80%#FFFEF5
  3. 70%#FFFEF0
  4. 60%#FFFDEB
  5. 50%#FFFDE6
  6. 40%#FFFCE1
  7. 30%#FFFCDC
  8. 20%#FFFBD7
  9. 10%#FFFBD2
  10. Base#FFFACD
  11. 10%#E6E1B9
  12. 20%#CCC8A4
  13. 30%#B3AF90
  14. 40%#99967B
  15. 50%#807D67
  16. 60%#666452
  17. 70%#4D4B3E
  18. 80%#333229
  19. 90%#1A1915

Tones (mixed with gray)

  1. 10%#F2EEC5
  2. 20%#E6E2BE
  3. 30%#D9D5B6
  4. 40%#CCC9AE
  5. 50%#C0BDA7
  6. 60%#B3B19F
  7. 70%#A6A597
  8. 80%#99988F
  9. 90%#8D8C88

Matching colors

Complementary
Analogous
Triadic
Split complementary
Tetradic (square)
Monochromatic
  • #FFEB34
  • #FFF281
  • #FFFACD
  • #FFFDEB
  • #FFFDEB

Lemon chiffon in 3D color space

OKLab, the space ColorPlum does its math in: lightness runs up the pole, hue goes around it and saturation grows outward. The faint shell is every color a screen can show (saturation is drawn wider than lightness so hues separate). Drag to turn it.

Lemon chiffon with its complement, its triad and its tint and shade
  • Lemon chiffon
  • Triad #CDFFFA
  • Triad #FACDFF
  • Complement
  • 50% tint
  • 50% shade

Lemon chiffon in use

New collectionAutumn edit

Card body text stays dark for reading; lemon chiffon carries the header and the button.

Shop nowTag

Headline in Lemon chiffon

A paragraph with a link in dark text, because this color is too light for text on white; use it for fills instead.

How it looks with color-vision deficiency

A simulation (Machado and colleagues, 2009) of how the color and its complement read without one type of cone.

  • Typical color vision#FFFACD
  • Protanopia (no red cones)#FFF7CA
  • Deuteranopia (no green cones)#FFFACF
  • Tritanopia (no blue cones)#FFF4EE

Contrast and readability

PairingRatioWCAG 2.2
as text on white1.06:1AA AA large AAA
as text on black19.80:1AA AA large AAA
white text on it1.06:1AA AA large AAA
black text on it19.80:1AA AA large AAA
on your background1.08:1AA AA large AAA

Export

:root {
  --lemon-chiffon: #fffacd;
  --lemon-chiffon-rgb: 255 250 205;
  --lemon-chiffon-on: #000000;
}
On this page

Lemon chiffon is the soft yellow of lemon cream and meringue, and it is one of the named colors in the CSS list: lemonchiffon, #FFFACD. The name pairs the fruit with chiffon, the light, airy fabric, which fits a color that is pale and gentle rather than sharp.

The code in detail

The RGB values are 255, 250, 205: red at maximum, green close to it, and blue lower. In HSL it is hue 54°, 100% saturation, 90% lightness. CMYK reads 0%, 2%, 20%, 0%, and the decimal value is 16775885. In OKLCH the lightness is 97.8%, just a hair under white, which is why it works like a tinted white.

There are a lot of near duplicates. lightgoldenrodyellow (#FAFAD2) is 0.9 away in OKLab, cornsilk (#FFF8DC) is 2.2 and lightyellow (#FFFFE0) is 2.3. Among the survey's names, "pale" (#FFF9D0) is 0.5 away, "eggshell" (#FFFFD4) 1.3 and "ivory" (#FFFFCB) 1.4. Any of those neighbors works as a close substitute.

Using it

  • Dark text on it: black gives 19.80:1. A dark warm gray such as #333229 gives 12.15:1, and #4D4B3E gives 8.28:1. Even the mid tone #666452 passes at 5.64:1.
  • Too light: #807D67 only reaches 3.92:1, which fails for normal text, and #99967B falls to 2.82:1.
  • As text: on white it measures 1.06:1, so use it as a surface only.
  • Opposite and neighbors: the complement is a periwinkle, #CDD2FF, though the pair has just 1.38:1 contrast, so it is good for soft fills rather than text. Analogous picks are peach #FFE1CD and a pale green, #EBFFCD.

The tints are barely different from each other (#FFFBD2 up to #FFFFFA), whereas the shades darken through #B3AF90 to #1A1915, a family of olive-browns.

Worked example

Imagine you are painting a nursery and want a color that feels sunny without being bright. You mock up the room on a poster board: the main wall in lemon chiffon, the trim in white, and a wall hanging in deep warm gray. For the printed alphabet cards you set the letters in #333229 on lemon chiffon, which measures 12.15:1, easy to read for a parent in dim night-time light. The cards for the baby's name use #4D4B3E, at 8.28:1. Since the color is hard to distinguish from white on some screens, check a real paint sample before buying.

For richer yellows see khaki and gold, and for soft neutrals, beige and peach. Try different background and text pairs in the contrast checker.

Sources

  1. W3C, CSS Color Module Level 4: named colors (checked 2026-11-10) w3.org
  2. W3C, Web Content Accessibility Guidelines (WCAG) 2.2: contrast minimum (checked 2026-11-10) w3.org
  3. W3C, WCAG 2.2: relative luminance definition (checked 2026-11-10) w3.org