French Rose

HEX: #F64A8A | Modern Palette

On White
3.35:1
FAIL
On Black
6.27:1
PASS

Color Specifications

HEX
#F64A8A
RGB
246, 74, 138
HSL
337°, 90% ,62%
CMYK
0, 70, 44, 4

About French Rose

French Rose (#F64A8A) is a color with RGB(246, 74, 138) and HSL(337.7°, 90.5%, 62.7%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #4AF6B6, which creates strong contrast. Its triadic palette includes #8AF64A and #4A8AF6. The name comes from French Rose (English).

  • HEX: #F64A8A
  • RGB: 246, 74, 138
  • HSL: 337.7°, 90.5%, 62.7%
  • Mood: Energetic, Bold
  • Style: Vivid, Neon
  • Use case: Text, Button, Accent
  • Complementary color: #4AF6B6
  • Triadic colors: #8AF64A, #4A8AF6
  • The name comes from French Rose (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 #F64A8A from deepest shade to lightest tint.

Color Characteristics

Mood
Energetic Bold
Style
Vivid Neon
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #989885
Protanopia #70708B
Tritanopia #F35555
Achromatopsia #8C8C8C

Frequently Asked Questions

French Rose (#F64A8A) is a color with RGB(246, 74, 138) and HSL(337.7°, 90.5%, 62.7%).

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

#F64A8A is suitable for Text, Button, Accent and works well with Vivid, Neon styles.

#F64A8A is commonly associated with Energetic, Bold.

The name French Rose is linked to French Rose from English, meaning A type of rose, Rosa gallica, native to central and southern Europe and western Asia, known for its fragrant, often deep pink to red flowers. The color 'French Rose' is inspired by the typical hue of these flowers..

Name, History & Etymology

Origin Word French Rose
Meaning A type of rose, Rosa gallica, native to central and southern Europe and western Asia, known for its fragrant, often deep pink to red flowers. The color 'French Rose' is inspired by the typical hue of these flowers.
Language English
First Recorded Use Late 19th to Early 20th Century (as a named color)

History

The Rosa gallica, or French Rose, is one of the oldest cultivated roses, with a history dating back to ancient Greece and Rome. It was widely cultivated in medieval European gardens, particularly in France, where it became very popular and was used for perfumes, medicines, and ornamental purposes. The color 'French Rose' captures the vibrant, often rich pink-red hue characteristic of many varieties of this rose. Its adoption as a color name reflects the enduring appeal and historical significance of the flower.

First Recorded Use

While the rose itself has ancient origins, the specific color name 'French Rose' as a standardized or commonly recognized color in fashion, art, or cosmetics likely emerged in the late 19th or early 20th century, coinciding with the rise of color naming conventions in industry.

Cultural Associations

The French Rose is a symbol of beauty, love, and France itself. It has been featured in art, literature, and heraldry for centuries. The color 'French Rose' evokes a sense of classic romance, elegance, and a touch of vintage charm. It is often associated with femininity, sophistication, and a certain timeless appeal. In fashion and design, it can be seen as a more muted or classic alternative to brighter fuchsias, offering a refined yet vibrant pink.

Similar Named Colors
Violet Red #F75394 ΔE 2.13
French Fuchsia #FD3F92 ΔE 2.30
Dark Pink #E75480 ΔE 3.21
Strawberry #FC5A8D ΔE 3.34

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #F64A8A,
        #4AF6B6
    );
}

// SCSS variable
$french-rose: #F64A8A;

// With RGB channels (useful for rgba() usage)
$french-rose-r: 246;
$french-rose-g: 74;
$french-rose-b: 138;

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