Orange family
Peach color
A light, soft orange. The reference peach is #FFB07C, as defined by the xkcd Color Survey.
| HEX | #FFB07C | |
|---|---|---|
| RGB | rgb(255, 176, 124) | |
| HSL | hsl(24, 100%, 74%) | |
| HSV | hsv(24, 51%, 100%) | |
| OKLCH | oklch(82.2% 0.115 53.8) | |
| CMYK* | 0, 31, 51, 0 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is peach?
Peach is a pale orange named after the flesh of the peach fruit. The xkcd survey and the Color Names list agree on the same shade, #FFB07C. Lighter peaches drift toward beige and cream, and CSS has peachpuff, a paler, sandier version.
Peach hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of peach in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Peach | #FFB07C | xkcd Color Survey | Reference shown on this page |
| Peach | #FFB07C | Color Names (meodai) | Same color |
Peach vs Salmon
#FFB07C
#FA8072
Salmon is pinker and deeper; peach is lighter and more orange-yellow. In numbers: the two are 56% similar (OKLab distance 0.111). See Salmon for its own codes.
Colors similar to peach
The closest named colors to #FFB07C across all three sources, with their similarity in OKLab.
Tints and shades of peach
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with peach
Classic color-wheel combinations built on #FFB07C, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Peach with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a peach background, black text is the better choice.
Use peach in CSS
.peach {
color: #FFB07C;
/* or */ color: rgb(255 176 124);
/* or */ color: hsl(24 100% 74%);
/* or */ color: oklch(82.2% 0.115 53.8);
}