Peach hex code
The hex code for peach is #FFE5B4. In RGB that is rgb(255, 229, 180) and in HSL it is hsl(39, 100%, 85%).
The hex code for peach is #FFE5B4. In RGB that is rgb(255, 229, 180) and in HSL it is hsl(39, 100%, 85%).
Peach · #FFE5B4
Colour codes
- HEX
- #FFE5B4
- RGB
- rgb(255, 229, 180)
- HSL
- hsl(39, 100%, 85%)
- CMYK
- 0, 10, 29, 0
- Contrast on white
- 1.23:1
- Contrast on black
- 17.12:1
Tints and shades
20% lighter · #ffeac3
40% lighter · #ffefd2
60% lighter · #fff5e1
80% lighter · #fffaf0
20% darker · #ccb790
40% darker · #99896c
60% darker · #665c48
80% darker · #332e24
Complementary colour
Peach · #FFE5B4
Opposite on the colour wheel · #b3cdff
Frequently asked questions
What is the hex code for peach?
The hex code for peach is #FFE5B4. In RGB that is rgb(255, 229, 180) and in HSL it is hsl(39, 100%, 85%).
Can I use peach for text?
It has a contrast ratio of 1.23:1 on white and 17.12:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with peach?
Its complementary colour, opposite on the colour wheel, is #B3CDFF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of peach instead.
Is peach a CSS colour name?
No. Peach is a common name rather than a CSS keyword, and different sources use slightly different values. #FFE5B4 is the most widely used one - use the hex value in CSS.