Skip to content
  • No data uploaded
  • Instant results

Peach Puff — #FFDAB9

Peach Puff is the CSS named colour peachpuff, hex #FFDAB9. It has a contrast ratio of 1.31:1 on white and 15.98:1 on black — best used as text on dark backgrounds.

Peach Puff — #FFDAB9

Contrast on white 1.31:1 · on black 15.98:1

Tints
Shades
Complementary
Triadic
Analogous

Free Peach Puff — #FFDAB9 by pGento

Using Peach Puff in code

CSS: color: peachpuff; or color: #FFDAB9; · Tailwind: text-[#FFDAB9] · Android/Flutter: 0xFFFFDAB9

Peach Puff colour harmonies

Complementary: #B9DEFF · Triadic: #B9FFDA, #DAB9FF · Analogous: #FFB9BB, #FFFDB9. Use tints for backgrounds and shades for hover states.

Peach Puff in every colour format

FormatValue
HEX#FFDAB9
RGBrgb(255, 218, 185)
HSLhsl(28, 100%, 86%)
HSVhsv(28, 27%, 100%)
CMYKcmyk(0%, 15%, 27%, 0%)
CSS namepeachpuff
Contrast on white1.31:1
Contrast on black15.98:1

Frequently asked questions

What is the hex code for Peach Puff?
#FFDAB9 (CSS name: peachpuff).
What is Peach Puff in RGB?
rgb(255, 218, 185)
What colour goes well with Peach Puff?
Its complementary colour #B9DEFF, or the analogous #FFB9BB and #FFFDB9.
Peach Puff — #FFDAB9

Embed this tool on your site

Paste this code into any web page. It stays free, fast and ad-free inside your site.

Print or save as PDF

Prints just this tool and its result. Choose “Save as PDF” as the printer to get a file. Branding is stored only in this browser.