Pikka Logo Pikka
Chrome App
Soft Delicate Warm Pastel Peach Category: Orange

Peach (#FFE5B4) — Color Codes, Meaning & UI Palettes

Peach (#FFE5B4) is a warm, velvety pastel orange-pink that reflects the soft outer blush of ripe stone fruit. It embodies warmth, comfort, gentle friendship, and sweet approachability.

Quick Answer (Peach Color Code): The exact HEX code for Peach is #FFE5B4. In RGB, it is rgb(255, 229, 180). In HSL, it is hsl(39deg, 100%, 85%), and its print CMYK formulation is cmyk(0%, 10%, 29%, 0%). It has a relative luminance of 0.806 and pairs best in UI design with Cocoa Brown (#3E2723) and Sage Laurel (#84A98C).
Click to Copy HEX
Peach
#FFE5B4
HEX
#FFE5B4
RGB
rgb(255, 229, 180)
HSL
hsl(39deg, 100%, 85%)
CMYK (Print)
cmyk(0%, 10%, 29%, 0%)
Apple Display P3
color(display-p3 1.000 0.898 0.706)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 1.23:1 (Fail)
Black Text (#000000) 17.12:1 (AAA)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

50
#FFF8EB
100
#FFF1D6
200
#FFE2AD
300
#FFD17A
400
#FFBB3D
500
#FFE5B4
600
#FFC964
700
#FFAF1B
800
#D08700
900
#8B5A00
950
#4E3300

Color Harmonies & Palette Schemes

Complementary

#B2CDFF
Opposite 180° Contrast

Analogous -30°

#FFBEB2
Natural Harmony

Analogous +30°

#F4FFB2
Natural Harmony

Triadic +120°

#B2FFE4
120° Balanced Triad

Triadic +240°

#E4B2FF
120° Balanced Triad

Curated UI Design Pairings for Peach

Ideal background tone for clean beauty, wellness journals, food branding, and nursery products. Always pair with dark slate or cocoa brown for WCAG AA readability.

Cocoa Brown
#3E2723
High-Contrast Text Anchor
Sage Laurel
#84A98C
Botanical Organic Complement
Pure Linen
#FAF8F5
Crisp Surface Base
Warm Terracotta
#E2725B
Vibrant Accent Pop

Export Peach Code Snippets

CSS Variable --color-peach-color: #FFE5B4;
Tailwind Config 'peach-color': '#FFE5B4'
Swift / SwiftUI Color(hex: "#FFE5B4")
JSON Design Token {"name": "Peach", "hex": "#FFE5B4"}

Frequently Asked Questions About Peach (#FFE5B4)

What is the exact HEX code for Peach?

The exact HEX code for Peach is #FFE5B4. In 8-digit hexadecimal (with 100% opacity), it is #FFE5B4FF. Its RGB decimal equivalent is rgb(255, 229, 180) and its HSL value is hsl(39deg, 100%, 85%).

What colors go best with Peach in UI and web design?

Peach pairs exceptionally well with Cocoa Brown (#3E2723), Sage Laurel (#84A98C), Pure Linen (#FAF8F5), and Warm Terracotta (#E2725B).

How do I use Peach in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #FFE5B4; or background-color: #FFE5B4;. In Tailwind CSS, use arbitrary value syntax like bg-[#ffe5b4] or text-[#ffe5b4], or define it in your Tailwind v4 @theme block as --color-peach-color: #FFE5B4;.

Is Peach WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Peach achieves a contrast ratio of 1.23:1 (Fail). Against a pure black background (#000000), it achieves 17.12:1 (AAA). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator