Color Palettes

Pale yellow color

A light, buttery yellow with a little more color than cream. It feels sunny and relaxed, making it a nice choice for spring decor, baby clothes and soft paint schemes.

Also known as: Faded yellow.

Open in editor

The hex code for pale yellow is #FFFFBF. In RGB it is rgb(255, 255, 191), in HSL hsl(60, 100%, 87%) and in CMYK 0, 0, 25, 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 pale yellow

Cream#FFFDD0Lemon chiffon#FFFACDVanilla#F3E5ABTea green#D0F0C0Wheat#F5DEB3Light yellow#FFFFE0

About pale yellow

Pale yellow (#FFFFBF) is a warm, light, highly saturated color. It belongs to the yellows family. It mixes 255 red, 255 green and 191 blue (out of 255). It is mostly used in home decor, kids, fashion.

Swatch of Pale yellow with its shades from light to dark · #FFFFBF
Pale yellow · #FFFFBF

Pale yellow shades and tints

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

See all its shades: Color shades generator

Pale yellow outfits: palettes by season

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

MinimalistSummer · WomenBeachSummer · Women

Pale yellow color harmonies

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

ComplementaryClose to: Periwinkle
AnalogousClose to: Peach puff, Tea green
TriadicClose to: Celeste, Mauve
Split complementaryClose to: Light blue, Mauve
TetradicClose to: Duck egg blue, Periwinkle, Cotton candy pink

Pale yellow color palettes

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

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

Pale yellow contrast with text

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

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

CSS code

:root {
  --pale-yellow: #FFFFBF;
  --pale-yellow-rgb: 255, 255, 191;
}
.bg { background-color: var(--pale-yellow); }
.text { color: var(--pale-yellow); }

Colors similar to pale yellow

Pastel yellowOyster whiteFlaxBeige

Themed palettes with this color

Spring color palettesHigh school graduation color palettes

More yellows

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

Try this next

Name color paletteType a name and get your own color story paletteFace shape detectorFind your face shape, best haircuts and glassesSpin the wheelType your options and spin. A color wheel too
See all free tools →

Frequently asked questions

What is the hex code for pale yellow?

The hex code for pale yellow is #FFFFBF. In RGB it is rgb(255, 255, 191), in HSL hsl(60, 100%, 87%) and in CMYK 0, 0, 25, 0.

What is the complementary color of pale yellow?

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

Can you use white text on pale yellow?

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