Codes & values
- Color Name
Peach - Color ID
KDF-C-16770484 - HEX
#FFE5B4 - RGB
rgb(255, 229, 180) - RGBA
rgba(255, 229, 180, 1) - HSL
hsl(39, 100%, 85%) - HSLA
hsla(39, 100%, 85%, 1) - HSV / HSB
hsv(39, 29%, 100%) - CMYK
cmyk(0%, 10%, 29%, 0%) - Light / Dark
light
Quick answers
- What is the HEX code for Peach?
- #FFE5B4
- What is Peach RGB?
- rgb(255, 229, 180)
- What is Peach HSL?
- hsl(39, 100%, 85%)
- What is Peach CMYK?
- cmyk(0%, 10%, 29%, 0%)
What is Peach?
Peach is a curated orange family color at #FFE5B4. It appears in our library with tags for fashion, interior. This shade classifies as light — best as backgrounds, soft UI fills, or pastel accents. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Peach HEX code
The HEX code for Peach is #FFE5B4. Paste it into CSS as color: #FFE5B4; or background-color: #FFE5B4;. Design tools accept the same six-digit value without the # prefix (ffe5b4).
Peach RGB
Peach in RGB is rgb(255, 229, 180) (channels R 255, G 229, B 180). Use RGB when you need opacity via rgba(255, 229, 180, 1).
Peach HSL & HSV
HSL is hsl(39, 100%, 85%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(39, 29%, 100%), closer to how many digital pickers expose hue, saturation, and brightness.
Peach CMYK
Approximate CMYK for Peach is cmyk(0%, 10%, 29%, 0%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Peach
Darker shades (mixed toward black): #D5BF96, #AA9978, #80735A, #554C3C, #2A261E. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Peach
Lighter tints (mixed toward white): #FFE9C1, #FFEECD, #FFF2DA, #FFF6E6, #FFFBF3. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Peach
Complementary pairing: #FFE5B4, #B4CEFF. Analogous neighbors: #FFC0B4, #FFE5B4, #F3FFB4. Triadic accents: #FFE5B4, #B4FFE5, #E5B4FF. Always check text contrast when pairing.
Peach color combinations
A practical combo: primary #FFE5B4, complementary accent #B4CEFF, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #FFE5B4, #B4F3FF, #C0B4FF.
Peach in web design
Orange is a strong CTA and promo accent. It reads energetic on light backgrounds and pairs well with deep navy or charcoal for e-commerce and food brands.
Peach in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 1.23:1 (better as a large accent or background than small body text); vs black 17.12:1.
Peach as a pastel
Peach sits in the pastel range — high lightness, softer saturation. Use it for wellness, kids, and spring campaigns; pair with deeper companions for hierarchy.
Frequently asked questions
- What is the HEX code for Peach?
- Peach: #FFE5B4.
- What is Peach RGB?
- Peach: rgb(255, 229, 180).
- What is Peach HSL?
- Peach: hsl(39, 100%, 85%).
- What is Peach CMYK?
- Peach: cmyk(0%, 10%, 29%, 0%).
- What colors go with Peach?
- Try complementary #FFE5B4, #B4CEFF or analogous #FFC0B4, #FFE5B4, #F3FFB4.
- Is Peach good for text on white?
- Not ideal for small body text (1.23:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.23:1 (prefer large accent or background). Contrast vs black: 17.12:1. Complementary swatch: #FFE5B4, #B4CEFF.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK