Inspect PeachPuff (#FFDAB9) in HEX, RGB, HSL, LCH and OKLCH, check its contrast, and copy the value you need.
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)
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.
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.
#FFE0C4
20% lighter
#FFE6CF
40% lighter
#FFEBDA
60% lighter
#FFF1E5
80% lighter
#FFF7F0
100% lighter
#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.
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.
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.
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.
64, 184 and 304 degrees divide the wheel into thirds. Balanced enough to carry a whole palette without one color dominating the other two.
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.
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
The nearest CSS keywords to #FFDAB9, ranked by perceptual distance rather than by how close their hex digits happen to look.