Peach Puff hex code
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%).
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%).
Peach Puff · #FFDAB9
Colour codes
- HEX
- #FFDAB9
- RGB
- rgb(255, 218, 185)
- HSL
- hsl(28, 100%, 86%)
- CMYK
- 0, 15, 27, 0
- CSS name
- peachpuff
- Contrast on white
- 1.31:1
- Contrast on black
- 15.98:1
Tints and shades
20% lighter · #ffe1c7
40% lighter · #ffe9d5
60% lighter · #fff0e3
80% lighter · #fff8f1
20% darker · #ccae94
40% darker · #99836f
60% darker · #66574a
80% darker · #332c25
Complementary colour
Peach Puff · #FFDAB9
Opposite on the colour wheel · #b8deff
Frequently asked questions
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%).
Can I use peach puff for text?
It has a contrast ratio of 1.31:1 on white and 15.98:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with peach puff?
Its complementary colour, opposite on the colour wheel, is #B8DEFF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of peach puff instead.
Is peach puff a CSS colour name?
Yes. CSS accepts the keyword peachpuff, so color: peachpuff and color: #FFDAB9 render exactly the same.