Classic Rose

HEX: #FBCCE7 | Modern Palette

On White
1.41:1
FAIL
On Black
14.89:1
PASS

Color Specifications

HEX
#FBCCE7
RGB
251, 204, 231
HSL
325°, 85% ,89%
CMYK
0, 19, 8, 2

About Classic Rose

Classic Rose (#FBCCE7) is a color with RGB(251, 204, 231) and HSL(325.5°, 85.5%, 89.2%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #CCFBE0, which creates strong contrast. Its triadic palette includes #E7FBCC and #CCE7FB. The name comes from Classic Rose (English).

  • HEX: #FBCCE7
  • RGB: 251, 204, 231
  • HSL: 325.5°, 85.5%, 89.2%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #CCFBE0
  • Triadic colors: #E7FBCC, #CCE7FB
  • The name comes from Classic Rose (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Classic Rose #FBCCE7 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
 
CLASSIC ROSE
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
CLASSIC ROSE
 
 
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

Classic Rose #FBCCE7 pairs with #CCFBE0 as its complementary color, and #E7FBCC and #CCE7FB in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

CLASSIC ROSE
Analogous

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

CLASSIC ROSE
Triadic

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

CLASSIC ROSE
Split-Complementary

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

CLASSIC ROSE
Tetradic (Square)

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

CLASSIC ROSE
Monochromatic

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

CLASSIC ROSE

Shades & Tints

The shade and tint range for Classic Rose #FBCCE7 moves from dark #18020E tones through the base color to lighter #FDE7F4 tones, making it useful for depth, hierarchy, and background variation.

CLASSIC ROSE

Color Characteristics

Mood
Playful
Style
Neon Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #DBDBE6
Protanopia #D2D2E7
Tritanopia #F8D0D0
Achromatopsia #D9D9D9

Frequently Asked Questions

Classic Rose (#FBCCE7) is a color with RGB(251, 204, 231) and HSL(325.5°, 85.5%, 89.2%).

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

#FBCCE7 is suitable for Text, Button, Background and works well with Neon, Warm styles.

#FBCCE7 is commonly associated with Playful.

The name Classic Rose is linked to Classic Rose from English, meaning A color reminiscent of traditional or archetypal rose petals, often a soft, medium pink..

Name, History & Etymology

Origin Word Classic Rose
Meaning A color reminiscent of traditional or archetypal rose petals, often a soft, medium pink.
Language English
First Recorded Use Late 20th Century

History

The color pink itself has a long history, associated with femininity, romance, and sweetness. 'Rose' as a color name dates back to at least the 18th century. The addition of 'Classic' often implies a standard, traditional, or widely recognized version of a color. In the context of digital and commercial color palettes, 'Classic Rose' distinguishes it from other rose variations (e.g., 'Dusty Rose', 'Tea Rose', 'Deep Rose') by suggesting a quintessential, perhaps slightly muted but still vibrant, pink associated with the flower.

First Recorded Use

While the concept of 'rose' as a color is ancient, the specific descriptor 'Classic Rose' as a named color, particularly with a hex code like #fbcce7, likely emerged with digital color systems and commercial naming conventions in the late 20th century (1980s-1990s).

Cultural Associations

Culturally, 'Classic Rose' evokes feelings of elegance, nostalgia, and gentle beauty. It's often used in contexts related to weddings, vintage aesthetics, feminine products, and floral designs. It carries connotations of romance and tenderness without being overly bright or saccharine. It can also be seen as a sophisticated take on traditional pink.

Similar Named Colors
Shampoo #FFCFF1 ΔE 2.18
Pink Lace #FFDDF4 ΔE 4.52
Cotton Candy #FFBCD9 ΔE 4.84
Pastel Pink #FFD1DC ΔE 5.24

Code Snippets

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

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

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

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

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

// SCSS variable
$classic-rose: #FBCCE7;

// With RGB channels (useful for rgba() usage)
$classic-rose-r: 251;
$classic-rose-g: 204;
$classic-rose-b: 231;

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