PeachPuff Color

Learn about PeachPuff (#ffdab9): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#ffdab9
HEX #ffdab9
RGB rgb(255, 218, 185)
HSL 28°, 100%, 86%

About PeachPuff Color

PeachPuff is a warm, soft peachy color that feels friendly and inviting. It is commonly used for skin tones in illustrations and warm background accents.

Use Cases for PeachPuff

skin toneswarm backgroundsfood sitesfriendly designsummer themes

Shades & Tints of PeachPuff

#ffffff
#fff6ee
#ffeddc
#ffe3cb
#ffdab9
#bfa48b
#806d5d
#40372e
#000000

Complementary Color

#ffdab9
#b8deff

Analogous Colors

#ffb8ba
#ffdab9
#fffdb8

CSS Code

.peachpuff-color {
  color: #ffdab9;
}

Contrast Recommendations

Black text on PeachPuff
Ratio: 15.98:1 ✓ Passes AA ✓ Passes AAA
White text on PeachPuff
Ratio: 1.31:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is PeachPuff?

PeachPuff is represented by the hex code #ffdab9 and has RGB values of rgb(255, 218, 185). It falls under the Orange category.

How to use PeachPuff in web design?

PeachPuff works well for skin tones, warm backgrounds, food sites. PeachPuff is a warm, soft peachy color that feels friendly and inviting. It is commonly used for skin tones in illustrations and warm background accents. Use it as a primary color, accent, or background depending on your design needs.

What colors go with PeachPuff?

Colors that pair well with PeachPuff include bisque, blanchedalmond, moccasin, wheat, antiquewhite. For a complementary scheme, try #b8deff. For an analogous scheme, use #ffb8ba and #fffdb8.