What is the hex code for Peach Puff?

The hex code for Peach Puff is #FFDAB9. In RGB that is rgb(255, 218, 185), and in HSL it is hsl(28, 100%, 86%).

What RGB values make Peach Puff?

Peach Puff is 255 red, 218 green, and 185 blue, written as rgb(255, 218, 185).

Peach Puff scores 1.31:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: peachpuff directly in CSS, which every browser resolves to #FFDAB9.

#FFDAB9

Peach Puff is an orange tone at #FFDAB9. It sits at 28 degrees on the color wheel with 100% saturation and 86% lightness.

Color values

Tints mix Peach Puff with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FFF8F1

Tint 60%

#FFF0E3

Tint 40%

#FFE9D5

Tint 20%

#FFE1C7

Base

#FFDAB9

Shade 20%

#CCAE94

Shade 40%

#99836F

Shade 60%

#66574A

Shade 80%

#332C25

On white

Sample text

1.31:1

Fails WCAG for text

On black

Sample text

15.98:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Peach Puff?: The hex code for Peach Puff is #FFDAB9. In RGB that is rgb(255, 218, 185), and in HSL it is hsl(28, 100%, 86%).
What RGB values make Peach Puff?: Peach Puff is 255 red, 218 green, and 185 blue, written as rgb(255, 218, 185).
Is Peach Puff readable as text on a white background?: Peach Puff scores 1.31:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Peach Puff a valid CSS color name?: Yes. You can write color: peachpuff directly in CSS, which every browser resolves to #FFDAB9.