Color Directory
Peach
A pale warm orange sitting close to cream, soft enough for large areas.
#FFE5B4
- HEX
- #FFE5B4
- RGB
- rgb(255, 229, 180)
- HSL
- hsl(39, 100%, 85%)
Check Peach
Contrast ratios against white and black text.
WCAG asks for 4.5:1 on body text and 3:1 on text 24px or larger. Ratios are calculated from #FFE5B4 in the sRGB colour space.
About this entry
What it is
A pale warm orange sitting close to cream, soft enough for large areas.
Backgrounds, food branding and warm gradients against a cool accent.
Copy & use
How to copy and use peach
- 01
Copy the complete value
Use the copy button above so the value is captured without its label, description or surrounding page text.
- 02
Paste it where you need it
Backgrounds, food branding and warm gradients against a cool accent.
- 03
Check the final result
Modern browsers support hex, RGB and HSL. Screens, colour profiles and neighbouring colours can still make the same value appear different, so evaluate it in the intended interface.
Tints & shades
A scale built from peach
Each step is mixed toward white or black from #FFE5B4 in sRGB, which is what the browser does too. Useful when one colour has to cover hover states, borders and backgrounds as well as the accent itself.
Lighter 60%
#FFF5E1
rgb(255, 245, 225)
Lighter 30%
#FFEDCB
rgb(255, 237, 203)
- Base
Base
#FFE5B4
rgb(255, 229, 180)
Darker 30%
#B3A07E
rgb(179, 160, 126)
Darker 60%
#665C48
rgb(102, 92, 72)
Name & pairing
Where peach comes from
Named for the fruit's flesh rather than its skin, which is redder. The result is a pale warm orange close enough to cream to work across large areas.
What to put beside it
Warm as a background under charcoal text, and pleasant with teal for contrast. It is too light to function as an accent on a white page.
Common questions
Using peach
What is peach?
A pale warm orange sitting close to cream, soft enough for large areas. Backgrounds, food branding and warm gradients against a cool accent.
What are the colour values for Peach?
Peach is HEX #FFE5B4, RGB rgb(255, 229, 180), HSL hsl(39, 100%, 85%). All three notations describe the same sRGB colour, so pick whichever your tool expects: hex for CSS and design files, RGB when you need the channels separately, HSL when you want to shift lightness or saturation without changing the hue.
Will peach work everywhere?
Modern browsers support hex, RGB and HSL. Screens, colour profiles and neighbouring colours can still make the same value appear different, so evaluate it in the intended interface.
Can I customise peach after copying?
Use the supplied value as a starting point, then check contrast and nearby colours in the final design. Converting between hex, RGB and HSL does not change the intended sRGB colour.
Also known as
Keep browsing