CSS named color
PeachPuff
#FFDAB9
HEX
#ffdab9RGB
rgb(255, 218, 185)HSL
hsl(28, 100%, 86%)OKLCH
oklch(91.13% 0.0600 63.70)NAME
peachpuffPalette
Complementary
180° on the color wheelComplement
#B8DEFF
Analogous
±30° around the base hueLeft
#FFB8BA
Right
#FFFDB8
Triadic
±120° for harmonic contrastTriad 1
#B8FFD9
Triad 2
#D9B8FF
Shades
Lighter and darker variantsCSS usage
By name
color: peachpuff;
background-color: peachpuff;By HEX
color: #ffdab9;
background-color: #ffdab9;By RGB
color: rgb(255, 218, 185);
background-color: rgb(255, 218, 185);By HSL
color: hsl(28, 100%, 86%);
background-color: hsl(28, 100%, 86%);WCAG contrast vs white
Aa
1.31:1
Below minimum
WCAG contrast vs black
Aa
15.98:1
AAA
Related colors
FAQ — PeachPuff
What is the HEX code for PeachPuff?
The HEX code for PeachPuff is #FFDAB9. It's one of the 148 named CSS colors and can be used directly in CSS as color: peachpuff; or color: #ffdab9;
What is PeachPuff in RGB?
PeachPuff in RGB is rgb(255, 218, 185) — red 255, green 218, blue 185.
What is PeachPuff in HSL?
PeachPuff in HSL is hsl(28, 100%, 86%) — hue 28°, saturation 100%, lightness 86%.
What is the complementary color of PeachPuff?
The complementary color (directly opposite PeachPuff on the color wheel) is #B8DEFF. The two together produce maximum contrast.
Is white text readable on PeachPuff?
The WCAG contrast ratio against white (#FFFFFF) is 1.31:1, and against black (#000000) it's 15.98:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.