Peach-orange

HEX: #FFCC99 | Modern Palette

On White
1.46:1
FAIL
On Black
14.35:1
PASS

Color Specifications

HEX
#FFCC99
RGB
255, 204, 153
HSL
30°, 40% ,100%
CMYK
0, 20, 40, 0

About Peach-orange

Peach-orange (#FFCC99) is a color with RGB(255, 204, 153) and HSL(30°, 40%, 100%). In design, it fits Warm styles and is suitable for Text, Background, Print. Its complementary color is #99CCFF, which creates strong contrast. Its triadic palette includes #99FFCC and Pale Violet (#CC99FF). The name comes from Peach-orange (English).

  • HEX: #FFCC99
  • RGB: 255, 204, 153
  • HSL: 30°, 40%, 100%
  • Style: Warm
  • Use case: Text, Background, Print
  • Complementary color: #99CCFF
  • Triadic colors: #99FFCC, Pale Violet (#CC99FF)
  • The name comes from Peach-orange (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #FFCC99 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Warm
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #DCDC97
Protanopia #D2D299
Tritanopia #FFC6C6
Achromatopsia #D5D5D5

Frequently Asked Questions

Peach-orange (#FFCC99) is a color with RGB(255, 204, 153) and HSL(30°, 40%, 100%).

#FFCC99 pairs strongly with #99CCFF as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#FFCC99 is suitable for Text, Background, Print and works well with Warm styles.

The name Peach-orange is linked to Peach-orange from English, meaning A color resembling the hue of a ripe peach, which is a blend of pinkish-yellow and orange..

Name, History & Etymology

Origin Word Peach-orange
Meaning A color resembling the hue of a ripe peach, which is a blend of pinkish-yellow and orange.
Language English
First Recorded Use Late 19th - Early 20th Century (as a compound color name)

History

The color 'peach' itself has been used to describe a pale yellowish-pink or pinkish-orange hue for centuries, named after the fruit. The addition of '-orange' serves to specify a particular shade within the peach spectrum, emphasizing the warmer, more orange undertones rather than the pinker or paler variations. This kind of compound color naming became more common as a way to precisely describe a wider range of colors without inventing entirely new single-word names. It's often used when a color is distinctly more orange than a typical 'peach' but not quite a pure orange.

First Recorded Use

While 'peach' as a color has existed longer, the specific compound 'peach-orange' likely gained traction as color descriptions became more nuanced, particularly in fashion, cosmetics, and art, around the late 19th or early 20th century. It's a descriptive term rather than a formally named color in early systems.

Cultural Associations

Peach colors are often associated with warmth, comfort, and friendliness. In some cultures, peach can symbolize immortality or good fortune, particularly in East Asian contexts due to the peach fruit's symbolism. The 'peach-orange' variant specifically evokes a sense of ripeness, sweetness, and natural warmth. It's a popular color in spring and summer fashion, home decor for a cozy feel, and cosmetics for a natural, healthy glow.

Similar Named Colors
Deep Peach #FFCBA4 ΔE 3.63
Light Apricot #FDD5B1 ΔE 4.45
Champagne #FAD6A5 ΔE 4.48
Macaroni And Cheese #FFBD88 ΔE 4.62

Code Snippets

/* Background */
.element {
    background-color: #FFCC99;
}

/* Text */
.element {
    color: #FFCC99;
}

/* Border */
.element {
    border: 1px solid #FFCC99;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #FFCC99,
        #FFFFFF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FFCC99,
        #FFFFFF
    );
}

// SCSS variable
$peach-orange: #FFCC99;

// With RGB channels (useful for rgba() usage)
$peach-orange-r: 255;
$peach-orange-g: 204;
$peach-orange-b: 153;

// Usage
.element {
    background-color: $peach-orange;
    color: rgba($peach-orange-r, $peach-orange-g, $peach-orange-b, 0.8);
}