Colors · value from the xkcd color survey (2010)

Peach color: hex code #FFB07C, RGB and palettes

Peach is #FFB07C (RGB 255, 176, 124), the value people most often called peach in the xkcd color survey: a soft, light orange. Use dark text on it; black reaches 11.75:1, while white is 1.78:1.

By Paul Gunder. Every value is computed from published standards; see how ColorPlum works.

Updated November 10, 2026

ColorPlum swatchPeachlight, saturated orange

HEX: #FFB07C
RGB: rgb(255, 176, 124)
HSL: hsl(24, 100%, 74%)

Best text on it: black at 11.75:1

Build a palette Make a gradient Check contrast Wallpaper

Peach#FFB07C

Every code for Peach

HEX#FFB07C
RGBrgb(255, 176, 124)
HSLhsl(24, 100%, 74%)
HSV24°, 51%, 100%
CMYK0%, 31%, 51%, 0%
Lablab(78.8% 25.7 38.8)
OKLCHoklch(82.2% 0.115 53.8)
Decimal16756860

Tints, shades and tones

From white to black in 10% steps, with Peach in the middle. Tap a code to copy it.

90%#FFF7F2
80%#FFEFE5
70%#FFE7D8
60%#FFDFCB
50%#FFD8BE
40%#FFD0B0
30%#FFC8A3
20%#FFC096
10%#FFB889
Base#FFB07C
10%#E69E70
20%#CC8D63
30%#B37B57
40%#996A4A
50%#80583E
60%#664632
70%#4D3525
80%#332319
90%#1A120C

Tones (mixed with gray)

10%#F2AB7C
20%#E6A67D
30%#D9A27D
40%#CC9D7E
50%#C0987E
60%#B3937E
70%#A68E7F
80%#998A7F
90%#8D8580

Matching colors

Complementary

#FFB07C
#7CCBFF

Analogous

#FF7C8A
#FFB07C
#FFF27C

Triadic

#FFB07C
#7CFFB0
#B07CFF

Split complementary

#FFB07C
#7CFFF2
#7C8AFF

Tetradic (square)

#FFB07C
#8AFF7C
#7CCBFF
#F27CFF

Monochromatic

#E25A00
#FF8230
#FFB07C
#FFDEC8
#FFF3EB

Peach in 3D color space

OKLab, the space ColorPlum does its math in: lightness runs up the pole, hue goes around it and saturation grows outward. The faint shell is every color a screen can show (saturation is drawn wider than lightness so hues separate). Drag to turn it.

Peach with its complement, its triad and its tint and shade

Peach
Triad #7CFFB0
Triad #B07CFF
Complement
50% tint
50% shade

Peach in use

New collectionAutumn edit

Card body text stays dark for reading; peach carries the header and the button.

Shop nowTag

Headline in Peach

A paragraph with a link in dark text, because this color is too light for text on white; use it for fills instead.

How it looks with color-vision deficiency

A simulation (Machado and colleagues, 2009) of how the color and its complement read without one type of cone.

Typical color vision#FFB07C
Protanopia (no red cones)#C7B778
Deuteranopia (no green cones)#D9C97C
Tritanopia (no blue cones)#FFA1A3

Contrast and readability

Pairing	Ratio	WCAG 2.2
as text on white	1.78:1	AA AA large AAA
as text on black	11.75:1	AA AA large AAA
white text on it	1.78:1	AA AA large AAA
black text on it	11.75:1	AA AA large AAA
on your background	1.56:1	AA AA large AAA

Try a background

Export

:root {
  --peach: #ffb07c;
  --peach-rgb: 255 176 124;
  --peach-on: #000000;
}

On this page

Peach is named after the fruit's flesh and blush, a warm, light orange with a hint of pink. The CSS color list has peachpuff but no plain peach, so the value here is the one volunteers gave in the xkcd survey when they typed names for swatches. The color they most often called "peach" is #FFB07C.

What the codes mean

In RGB, peach is 255, 176, 124: red at full strength, green a bit more than two thirds, and blue about half. In HSL that is hue 24°, 100% saturation and 74% lightness, so it is a pure orange lightened a long way. The CMYK estimate is 0%, 31%, 51%, 0%. Pale oranges like this print reliably as long as the paper is white, but a cream stock will shift them warmer.

The nearest survey names are "apricot" (#FFB16D, 1.8 away), "pale salmon" (#FFB19A) and "light salmon" (#FEA993). In the CSS list the closest are lightsalmon (#FFA07A), 3.8 away, and sandybrown (#F4A460), 4.2 away. Those distances are small but visible next to each other, so lightsalmon is a fair stand-in only when you need a named CSS color. The pinker cousin is light coral.

Using peach well

Text on it: black measures 11.75:1. A dark brown such as the 70% shade, #4D3525, reaches 6.34:1 and feels softer than black. White text on peach fails at 1.78:1.
As an accent: peach on white is the same 1.78:1, so it will not carry text. Use it for fills, badges and illustration.
Tints: the 80% tint, #FFEFE5, and 90% tint, #FFF7F2, are creamy backgrounds that go well with it.
Pairings: the complement is a sky blue, #7CCBFF, and the analogous strip runs from pink to yellow. Teal, cream and brown are also good company.

Worked example

Picture a nursery wall in a soft peach with a white crib and a few framed prints. On a phone mockup, the wall color is #FFB07C and the caption text beside a photo of it is #4D3525, which reads at 6.34:1. For the accent stripe, the 40% shade, #996A4A, is a warm clay that looks natural against peach. If you want a cooler accent for the curtains, deep teal looks lively, but check the pair first: teal #008080 against peach measures only 2.67:1, so use it for fabric patterns, never for text. The same wall in the 80% tint, #FFEFE5, would be a lighter and less saturated choice for a small room.

Peach versus apricot and salmon

All three are light, warm oranges. Apricot is slightly more yellow, salmon more pink. Peach sits between them, which is why it pairs with so many colors. See the sunset palettes for it in a full scheme.

Tones (mixed with gray)

What the codes mean

Using peach well

Worked example

Peach versus apricot and salmon

Sources