PeachPuff color
Inspect PeachPuff (#FFDAB9) in HEX, RGB, HSL, LCH and OKLCH, check its contrast, and copy the value you need.
PeachPuff color values
PeachPuff
#FFDAB9
Black text reads best on this background, at 15.98:1.
PeachPuff is one of the 148 CSS named colors, and resolves to #FFDAB9 in every browser. In numbers that is rgb(255, 218, 185) and hsl(28, 100%, 86%). Perceptually it is a very light, muted color: OKLCH puts its lightness at 91% and its chroma at 0.06. It sits in the oranges at 64 degrees of OKLCH hue, and reads as a warm color.
White text only reaches 1.31:1 here, so black text is the safer pairing at 15.98:1. Because it is this light, PeachPuff works best as a page or card background with dark text over it.
The closest CSS named colors to PeachPuff, measured with CIEDE2000, are Bisque (#FFE4C4), NavajoWhite (#FFDEAD), BlanchedAlmond (#FFEBCD). If PeachPuff is not quite right, those are the nearest keywords to try before reaching for a custom value.
HEX
#FFDAB9
RGB
rgb(255, 218, 185)
HSL
hsl(28, 100%, 86%)
HWB
hwb(28 73% 0%)
CMYK
cmyk(0%, 15%, 27%, 0%)
LAB
lab(89.6 9.78 21.32)
LCH
lch(89.6 23.46 65.35)
OKLCH
oklch(91.13% 0.06 63.7)
Is PeachPuff accessible?
WCAG asks for 4.5:1 between body text and its background. On #FFDAB9 white text measures 1.31:1 and black text 15.98:1, so black clears it and white does not.
White text on PeachPuff
WCAG 2.2
1.31:1
APCA
Lc 17
Fails AA body text
Fails AAA body text
Fails AA large text
Black text on PeachPuff
WCAG 2.2
15.98:1
APCA
Lc 88
Passes AA body text
Passes AAA body text
Passes AA large text
Check PeachPuff against any other color in the contrast checker.
Tints and shades of PeachPuff
PeachPuff sits at 91% OKLCH lightness. Holding its hue and chroma and moving only that value carries it up to #FFF7F0 and down to #0C0400, which keeps the family recognizable instead of letting it drift toward gray the way a plain HSL ramp does.
Tints, toward white
#FFE0C4
20% lighter
#FFE6CF
40% lighter
#FFEBDA
60% lighter
#FFF1E5
80% lighter
#FFF7F0
100% lighter
Shades, toward black
#CBA788
20% darker
#987759
40% darker
#694A2D
60% darker
#3D2102
80% darker
#0C0400
100% darker
Build a full accessible scale from #FFDAB9 in the shade generator.
Colors that go with PeachPuff
Hues rotated around #FFDAB9 in OKLCH, then pulled back into the sRGB gamut. Each swatch is labelled with the nearest CSS named color so you have a keyword to start from.
Complementary
PeachPuff sits at 64 degrees. Rotating it a half turn lands on 244 degrees, the hue directly opposite. It is the strongest pairing you can make without changing lightness, and the one most likely to vibrate if you use both at full chroma.
Analogous
The neighbors of PeachPuff at 34 and 94 degrees. They stay close enough to read as the same family, which is what you want for hover states, secondary surfaces and gradients.
Triadic
64, 184 and 304 degrees divide the wheel into thirds. Balanced enough to carry a whole palette without one color dominating the other two.
Split complementary
Instead of the complement at 244 degrees, this pair flanks it at 214 and 274. You keep most of the contrast of a complementary pairing while losing the harshness.
Explore more combinations around PeachPuff on the color wheel.
How PeachPuff looks with color blindness
The biggest shift is under achromatopsia, where #FFDAB9 reads as #E0DFDF, 15.4 CIEDE2000 units away. If PeachPuff is the only thing marking a state or a series, roughly one viewer in twelve will miss it.
Protanopia
#E6DBB7
Deuteranopia
#EFE3BA
Tritanopia
#FFD2D0
Achromatopsia
#E0DFDF
Colors similar to PeachPuff
The nearest CSS keywords to #FFDAB9, ranked by perceptual distance rather than by how close their hex digits happen to look.