Lemon Chiffon Color (#FFFACD)

#FFFACDrgb(255, 250, 205)

Lemon Chiffon is a CSS named color defined as hex code #FFFACD. Lemon Chiffon is a pale, creamy lemon: a touch stronger than light yellow, with a hint of warmth.

Color Overview & Formats

CSS: lemonchiffonLuminance: 0.9404
HEX
#FFFACD
RGB
rgb(255, 250, 205)
HSL
hsl(54, 100%, 90%)
Lemon Chiffon (#FFFACD) Color Format Conversions
FormatSyntax / ValuesNotesAction
HEX#FFFACD6-digit hex web code
RGBrgb(255, 250, 205)Red, Green, Blue channels (0-255)
HSLhsl(54, 100%, 90%)Hue (54°), Saturation (100%), Lightness (90%)
HSV / HSBhsv(54, 20%, 100%)Hue, Saturation (20%), Value/Brightness (100%)
CMYKcmyk(0%, 2%, 20%, 0%)Digital mathematical approximation (non-print)
OKLCHoklch(0.978 0.058 102.2)Perceptually uniform color space (CSS Color 4 approximation)
CSS Implementation & Quick Steps
background-color: #FFFACD; /* or lemonchiffon */
  1. Select color format: Choose the desired format (HEX #FFFACD, RGB, or HSL).
  2. Copy the code: Click the copy button or press Tab+Enter to store in clipboard.
  3. Pair with black text: Black text on Lemon Chiffon reaches 19.81:1 (WCAG AAA).

What Colors Go With Lemon Chiffon?

These 6 colors all go well with Lemon Chiffon (#FFFACD), and each one is a standard CSS named color. The ratio is the WCAG 2.2 contrast of that color on Lemon Chiffon: at 4.5:1 or above it works for text; below that, use it for backgrounds and accents.

Black

#000000
19.81:1Text-safe

Sharp, readable text on lemon chiffon.

8.42:1Text-safe

A dark neutral for body text.

Navy

#000080
15.1:1Text-safe

A deep blue for strong, readable text.

6.7:1Text-safe

A warm brown for cozy, bakery-style palettes.

Maroon

#800000
10.33:1Text-safe

A deep red for warm, readable accents.

Teal

#008080
4.5:1Text-safe

A cool blue-green for links and highlights.

Harmonious Palettes & Tints

The palettes below are algorithmically generated across standard intervals based on Lemon Chiffon (HSL 54°). Each group offers full palette copy and live preview:

Complementary Harmony

Hue rotated 180 degrees on the HSL wheel (54° to 234°), keeping the original saturation and lightness.

Lemon Chiffon
#FFFACD
Complement (234°)
#CDD2FF
Live UI Component Mockup
Component Header SampleBlack text on Lemon Chiffon: 19.81:1 (WCAG AAA).
Button style preview

Analogous Harmony

Hues 30 degrees either side (24° and 84°), keeping the original saturation and lightness.

Analogous (24°)
#FFE1CD
Lemon Chiffon
#FFFACD
Analogous (84°)
#EBFFCD
Live UI Component Mockup
Component Header SampleBlack text on Lemon Chiffon: 19.81:1 (WCAG AAA).
Button style preview

Triadic Harmony

Hues spaced evenly by 120 degrees (174° and 294°), keeping the original saturation and lightness.

Lemon Chiffon
#FFFACD
Triadic (174°)
#CDFFFA
Triadic (294°)
#FACDFF
Live UI Component Mockup
Component Header SampleBlack text on Lemon Chiffon: 19.81:1 (WCAG AAA).
Button style preview

Tints & Shades

Mixed with white (tints) and black (shades) in sRGB at 60% and 30%.

Tint 60%
#FFFDEB
Tint 30%
#FFFCDC
Lemon Chiffon
#FFFACD
Shade 30%
#B3AF90
Shade 60%
#666452
Live UI Component Mockup
Component Header SampleBlack text on Lemon Chiffon: 19.81:1 (WCAG AAA).
Button style preview

WCAG 2.2 Text Readability & Contrast Check

Under WCAG 2.2 criteria, regular body text requires at least 4.5:1 (AA) and large text requires at least 3.0:1. The table below displays calculated contrast ratios:

Text Contrast Ratios on Lemon Chiffon (#FFFACD)
Foreground ColorContrast RatioNormal Text (AA)Large Text (AA)Normal Text AAA (>= 7.0:1)
Pure Black (#000000)
19.81:1PassPassPass
Pure White (#FFFFFF)
1.06:1FailFailFail
Dark Charcoal (#212529)
14.55:1PassPassPass
Mid Gray (#666666)
5.42:1PassPassFail

Interactive Contrast Tester

Enter text foreground and background colors to verify WCAG legibility:

Calculated Ratio:
19.81:1
Normal: Pass AAALarge: Pass AAA
Large Heading Sample (18pt Bold)

This is sample body text rendered directly to verify contrast and readability.

Lemon Chiffon Background Download

Download standard 1920x1080 solid desktop wallpaper or generate mobile wallpaper:

Lemon Chiffon 1920x1080 solid color background wallpaper previewStandard Wallpaper: 1920x1080 PNG (#FFFACD)

Download Options

All wallpaper files precisely match the W3C standard color value:

Download 1920x1080 PNG

CSS Standard & Usage Notes

lemonchiffon = #fffacd (rgb(255, 250, 205))
W3C CSS Color 4

UI Design & Accessibility Guidelines

Use it for soft backgrounds, cards, food and bakery branding, and gentle, sunny layouts. On Lemon Chiffon, black text passes WCAG AAA at every size (19.81:1); white text fails even for large text (1.06:1).

Published: · Modified: · Editorial: SwatchAtlas Editorial Team

Frequently Asked Questions (FAQ)

Can I use black text on Lemon Chiffon?

Yes. Black text on Lemon Chiffon has a WCAG 2.2 contrast ratio of 19.81:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

Can I use white text on Lemon Chiffon?

No. White text on Lemon Chiffon has a WCAG 2.2 contrast ratio of only 1.06:1, below the 3:1 minimum even for large text.

What colors go with Lemon Chiffon?

Black, Dark Slate Gray, Navy, Saddle Brown, Maroon and Teal all go well with Lemon Chiffon. Black (19.81:1), Dark Slate Gray (8.42:1), Navy (15.1:1), Saddle Brown (6.7:1), Maroon (10.33:1) and Teal (4.5:1) have enough contrast for text on Lemon Chiffon.

Is lemon yellow a CSS color?

No. Lemon yellow is not a CSS named color and has no standard hex code. Lemon Chiffon (#FFFACD) is a pale lemon-cream CSS color, and Yellow (#FFFF00) is the bright pure yellow.