Color Palettes

Light yellow color

A very soft, creamy yellow that matches the lightyellow keyword in web color lists. It adds gentle warmth without glare, so it is popular for nurseries, kitchens and page backgrounds.

Also known as: Soft yellow.

Open in editor

The hex code for light yellow is #FFFFE0. In RGB it is rgb(255, 255, 224), in HSL hsl(60, 100%, 94%) and in CMYK 0, 0, 12, 0.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to light yellow

Beige#F5F5DCWarm white#FDF4DCCream#FFFDD0Lemon chiffon#FFFACDPapaya whip#FFEFD5Ivory#FFFFF0

About light yellow

Light yellow (#FFFFE0) is a warm, light, highly saturated color. It belongs to the yellows family. It mixes 255 red, 255 green and 224 blue (out of 255). It is mostly used in nursery, kitchens, backgrounds.

Swatch of Light yellow with its shades from light to dark · #FFFFE0
Light yellow · #FFFFE0

Light yellow shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Light yellow outfits: palettes by season

Outfit palettes with light yellow or a very close shade, each with 8 outfits to copy.

Quiet luxurySpring · Men

Light yellow color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Lavender mist
AnalogousClose to: Antique white
TriadicClose to: Mint cream, Lavender mist
Split complementaryClose to: Alice blue, Lavender mist
TetradicClose to: Honeydew, Lavender mist, Pale pink

Light yellow color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Light yellow
Analogous palette · Light yellow
Complementary palette · Light yellow
Triadic palette · Light yellow
With neutrals palette · Light yellow
With an accent palette · Light yellow

Light yellow contrast with text

White textContrast 1.0:1 · Not recommended
Black textContrast 20.6:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --light-yellow: #FFFFE0;
  --light-yellow-rgb: 255, 255, 224;
}
.bg { background-color: var(--light-yellow); }
.text { color: var(--light-yellow); }

Colors similar to light yellow

Oyster whiteEggshellOld laceAntique white

Themed palettes with this color

Baptism color palettesFirst Communion color palettesInstagram color palettesMedical clinic and office color palettesKitchen color palettesExterior house color palettes

More yellows

YellowGoldOld goldMustard yellowLemon yellowAmberWheatHoneyCanary yellowSaffronChampagnePastel yellowFluorescent yellowCorn yellowSunflower yellowGoldenrodDark goldenrodButter yellowMarigoldMaizeBanana yellowMellow yellowGolden yellowMetallic gold
Swatch of Light yellow with its shades from light to dark · #FFFFE0
Swatch of Light yellow with its shades from light to dark · #FFFFE0

Try this next

Name color paletteType a name and get your own color story paletteSpin the wheelType your options and spin. A color wheel tooPalette slot machinePull the lever and get a color palette
See all free tools →

Frequently asked questions

What is the hex code for light yellow?

The hex code for light yellow is #FFFFE0. In RGB it is rgb(255, 255, 224), in HSL hsl(60, 100%, 94%) and in CMYK 0, 0, 12, 0.

What is the complementary color of light yellow?

Its complement on the color wheel is #E0E0FF, close to lavender mist. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on light yellow?

Use black text instead: the contrast with white is only 1.0:1, while with black it is 20.6:1.