Tea Rose

HEX: #F4C2C2 | Modern Palette

On White
1.57:1
FAIL
On Black
13.34:1
PASS

Color Specifications

HEX
#F4C2C2
RGB
244, 194, 194
HSL
0°, 69% ,85%
CMYK
0, 20, 20, 4

About Tea Rose

Tea Rose (#F4C2C2) is a color with RGB(244, 194, 194) and HSL(0°, 69.4%, 85.9%). It is commonly associated with Playful moods. In design, it fits Warm styles and is suitable for Text, Button, Background. Its complementary color is #C2F4F4, which creates strong contrast. Its triadic palette includes #C2F4C2 and #C2C2F4. The name comes from Tea Rose (English).

  • HEX: #F4C2C2
  • RGB: 244, 194, 194
  • HSL: 0°, 69.4%, 85.9%
  • Mood: Playful
  • Style: Warm
  • Use case: Text, Button, Background
  • Complementary color: #C2F4F4
  • Triadic colors: #C2F4C2, #C2C2F4
  • The name comes from Tea Rose (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Tea Rose #F4C2C2 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.
 
 
 
 
TEA ROSE
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
TEA 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

Tea Rose #F4C2C2 pairs with #C2F4F4 as its complementary color, and #C2F4C2 and #C2C2F4 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.

TEA ROSE
Analogous

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

TEA ROSE
Triadic

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

TEA ROSE
Split-Complementary

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

TEA ROSE
Tetradic (Square)

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

TEA ROSE
Monochromatic

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

TEA ROSE

Shades & Tints

The shade and tint range for Tea Rose #F4C2C2 moves from dark #160404 tones through the base color to lighter #FBE9E9 tones, making it useful for depth, hierarchy, and background variation.

TEA ROSE

Color Characteristics

Mood
Playful
Style
Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #D2D2C1
Protanopia #C8C8C2
Tritanopia #F4C2C2
Achromatopsia #CECECE

Frequently Asked Questions

Tea Rose (#F4C2C2) is a color with RGB(244, 194, 194) and HSL(0°, 69.4%, 85.9%).

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

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

#F4C2C2 is commonly associated with Playful.

The name Tea Rose is linked to Tea Rose from English, meaning A type of rose known for its delicate fragrance, often reminiscent of tea, and its pastel colors..

Name, History & Etymology

Origin Word Tea Rose
Meaning A type of rose known for its delicate fragrance, often reminiscent of tea, and its pastel colors.
Language English
First Recorded Use Late 18th - Early 19th Century

History

Tea roses (Rosa × odorata) are a group of hybrid roses originally from China, known for their large, high-centered blooms, delicate fragrance, and often pastel colors (pinks, yellows, creams). They were among the first 'modern' roses to be introduced to the Western world and played a crucial role in the development of many contemporary rose classes, including Hybrid Teas. The color 'Tea Rose' (specifically #f4c2c2) captures the soft, warm, and slightly muted pink often found in these flowers. It's a classic, gentle shade that evokes a sense of vintage charm and natural beauty.

First Recorded Use

The term 'Tea Rose' emerged with the introduction of these specific rose varieties to Europe from China, primarily in the late 18th and early 19th centuries. The color name 'Tea Rose' (referring to a specific shade of pink/beige) likely followed the popularity of the flower itself.

Cultural Associations

The Tea Rose flower itself is often associated with elegance, grace, and a subtle, refined beauty. In Victorian floriography, different rose colors had specific meanings, and while 'Tea Rose' isn't a single color, the general sentiment of these delicate roses leaned towards appreciation and quiet admiration. The color 'Tea Rose' (#f4c2c2) carries these connotations, often used in contexts that aim for a soft, romantic, or classic aesthetic, such as weddings, vintage-inspired designs, and feminine branding.

Similar Named Colors
Spanish Pink #F7BFBE ΔE 1.50
Melon #FDBCB4 ΔE 4.48
Bubble Gum #FFC1CC ΔE 4.65
Pink #FFC0CB ΔE 4.72

Code Snippets

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

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

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

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

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

// SCSS variable
$tea-rose: #F4C2C2;

// With RGB channels (useful for rgba() usage)
$tea-rose-r: 244;
$tea-rose-g: 194;
$tea-rose-b: 194;

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