Peach puff color

A pale, creamy peach that's one of the classic HTML/CSS color names. It's softer than peach and almost a skin tone. It works for baby showers, soft backgrounds and warm neutral bedrooms.

Peach puff · #FFDAB9

About peach puff

Peach puff (#FFDAB9) is a warm, light, highly saturated color. It belongs to the oranges family. It mixes 255 red, 218 green and 185 blue (out of 255). It is mostly used in web, baby showers, bedrooms.

Peach puff shades and tints

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

Peach puff color harmonies

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

ComplementaryClose to: Light blue

AnalogousClose to: Light pink, Vanilla

TriadicClose to: Celadon, Mauve

Split complementaryClose to: Celeste, Periwinkle

TetradicClose to: Celadon, Light blue, Mauve

Peach puff color palettes

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

Monochromatic palette · Peach puff

Analogous palette · Peach puff

Complementary palette · Peach puff

Triadic palette · Peach puff

With neutrals palette · Peach puff

With an accent palette · Peach puff

Peach puff contrast with text

White textContrast 1.3:1 · Not recommended

Black textContrast 16.0:1 · AAA

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

CSS code

:root {
  --peach-puff: #FFDAB9;
  --peach-puff-rgb: 255, 218, 185;
}
.bg { background-color: var(--peach-puff); }
.text { color: var(--peach-puff); }

Colors similar to peach puff

Apricot Desert sand Wheat Peach Champagne Nude Oatmeal Almond Pearl Antique white

Themed palettes with this color

Frequently asked questions

What is the hex code for peach puff?

The hex code for peach puff is #FFDAB9. In RGB it is rgb(255, 218, 185), in HSL hsl(28, 100%, 86%) and in CMYK 0, 15, 27, 0.

What is the complementary color of peach puff?

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

Can you use white text on peach puff?

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