PeachPuff Color — HEX, RGB, HSL, Palettes & Contrast

PeachPuff (#ffdab9): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

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

Use PeachPuff in Your Projects

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

Triadic Colors

#ffdab9
#b8ffd9
#d9b8ff

Split Complementary

#ffdab9
#b8fffd
#b8baff

Tetradic Colors

#ffdab9
#deffb8
#b8deff
#d9b8ff

CSS Code

.peachpuff-color {
  color: #ffdab9;
  background-color: #ffdab9;
}

/* As a CSS custom property */
:root {
  --color-peachpuff: #ffdab9;
}

Accessibility Score

75 / 100
Rating: Good
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

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. For a triadic scheme, combine with #b8ffd9 and #d9b8ff.