Old Lace

HEX: #FDF5E6 | Modern Palette

On White
1.08:1
FAIL
On Black
19.38:1
PASS

Color Specifications

HEX
#FDF5E6
RGB
253, 245, 230
HSL
39°, 85% ,94%
CMYK
0, 3, 9, 1

About Old Lace

Old Lace (#FDF5E6) is a color with RGB(253, 245, 230) and HSL(39.1°, 85.2%, 94.7%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #E6EEFD, which creates strong contrast. Its triadic palette includes #E6FDF5 and #F5E6FD. The name comes from Old Lace (English).

  • HEX: #FDF5E6
  • RGB: 253, 245, 230
  • HSL: 39.1°, 85.2%, 94.7%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #E6EEFD
  • Triadic colors: #E6FDF5, #F5E6FD
  • The name comes from Old Lace (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #FDF5E6 from deepest shade to lightest tint.

Color Characteristics

Mood
Playful
Style
Neon Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #F7F7E6
Protanopia #F6F6E6
Tritanopia #FFF3F3
Achromatopsia #F6F6F6

Frequently Asked Questions

Old Lace (#FDF5E6) is a color with RGB(253, 245, 230) and HSL(39.1°, 85.2%, 94.7%).

#FDF5E6 pairs strongly with #E6EEFD as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#FDF5E6 is suitable for Text, Button, Background and works well with Neon, Warm styles.

#FDF5E6 is commonly associated with Playful.

The name Old Lace is linked to Old Lace from English, meaning A light, creamy off-white color, reminiscent of aged lace fabric..

Name, History & Etymology

Origin Word Old Lace
Meaning A light, creamy off-white color, reminiscent of aged lace fabric.
Language English
First Recorded Use Late 20th Century

History

The term 'lace' itself dates back to the 15th century, referring to an openwork fabric. 'Old lace' evokes the image of vintage, often slightly yellowed or ecru-colored lace, distinct from stark white. As a named color, it was formalized as part of the X11 color names, which were developed in the 1980s and 1990s for use in computer graphics. It was later adopted into web standards, becoming a recognized HTML color.

First Recorded Use

The specific color name 'Old Lace' (and its hexadecimal representation #fdf5e6) gained prominence with the advent of web colors and digital design specifications. While the concept of 'off-white' or 'cream' is ancient, the precise naming and standardization for digital use are more recent.

Cultural Associations

The color 'Old Lace' often carries connotations of vintage elegance, softness, and a touch of nostalgia. It's frequently used in design to create a warm, inviting, and classic aesthetic. It can evoke images of antique textiles, delicate bridal wear, or traditional home decor. It's a popular choice for backgrounds where a pure white might be too stark, offering a softer contrast.

Similar Named Colors
Cosmic Latte #FFF8E7 ΔE 1.21
Floral White #FFFAF0 ΔE 2.36
Linen #FAF0E6 ΔE 2.90
Eggshell #F0EAD6 ΔE 3.52

Code Snippets

/* Background */
.element {
    background-color: #FDF5E6;
}

/* Text */
.element {
    color: #FDF5E6;
}

/* Border */
.element {
    border: 1px solid #FDF5E6;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #FDF5E6,
        #E6EEFD
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FDF5E6,
        #E6EEFD
    );
}

// SCSS variable
$old-lace: #FDF5E6;

// With RGB channels (useful for rgba() usage)
$old-lace-r: 253;
$old-lace-g: 245;
$old-lace-b: 230;

// Usage
.element {
    background-color: $old-lace;
    color: rgba($old-lace-r, $old-lace-g, $old-lace-b, 0.8);
}