Peach Puff #FFDAB9

Peach Puff#FFDAB9 · rgb(255, 218, 185)

Peach Puff color codes

CSS namepeachpuff
HEX#FFDAB9
RGBrgb(255, 218, 185)
HSLhsl(28, 100%, 86%)
CMYKcmyk(0%, 15%, 27%, 0%)
Decimal16767673

Shades of Peach Puff (darker)

#E6C4A7 · #CCAE94 · #B39982 · #99836F · #806D5D · #66574A · #4D4138 · #332C25 · #1A1613

Tints of Peach Puff (lighter)

#FFDEC0 · #FFE1C7 · #FFE5CE · #FFE9D5 · #FFEDDC · #FFF0E3 · #FFF4EA · #FFF8F1 · #FFFBF8

Color harmonies

Complementary
#B8DEFF
Triadic
#B8FFD9, #D9B8FF
Analogous
#FFB8BA, #FFFDB8

Accessibility (WCAG contrast)

White text on Peach Puff1.31:1 · Fail
Black text on Peach Puff15.98:1 · AAA

Use Peach Puff in code

.element {
  color: peachpuff;          /* or #ffdab9 */
  background-color: rgb(255 218 185 / 0.5);
}

Frequently asked questions

What is the hex code for Peach Puff?

Peach Puff is #FFDAB9 in HEX, rgb(255, 218, 185) in RGB and hsl(28, 100%, 86%) in HSL.

Can I use "peachpuff" directly in CSS?

Yes. "peachpuff" is one of the 148 standard CSS named colors, so color: peachpuff; works in every browser.

Is Peach Puff readable on white?

The contrast ratio of Peach Puff on white is 1.31:1 (WCAG Fail). On black it is 15.98:1 (AAA).

What is the complementary color of Peach Puff?

The complementary color (opposite on the color wheel) is #B8DEFF.

Similar colors

Moccasin#FFE4B5Wheat#F5DEB3Navajo White#FFDEADBisque#FFE4C4Blanched Almond#FFEBCDPale Goldenrod#EEE8AAPink#FFC0CBAntique White#FAEBD7

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.