Imperial Red

HEX: #ED2939 | Modern Palette

On White
4.22:1
FAIL
On Black
4.98:1
PASS

Color Specifications

HEX
#ED2939
RGB
237, 41, 57
HSL
355°, 82% ,92%
CMYK
0, 82.7, 75.95, 7.06

About Imperial Red

Imperial Red (#ED2939) is a color with RGB(237, 41, 57) and HSL(355.1°, 82.7%, 92.94%). It is commonly associated with Playful moods. In design, it fits Warm styles and is suitable for Text, Button, Background. Its complementary color is #29EDDD, which creates strong contrast. Its triadic palette includes #39ED29 and #2939ED. The name comes from Imperial Red (English).

  • HEX: #ED2939
  • RGB: 237, 41, 57
  • HSL: 355.1°, 82.7%, 92.94%
  • Mood: Playful
  • Style: Warm
  • Use case: Text, Button, Background
  • Complementary color: #29EDDD
  • Triadic colors: #39ED29, #2939ED
  • The name comes from Imperial Red (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Imperial Red #ED2939 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.
 
 
IMPERIAL RED
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
IMPERIAL RED
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
IMPERIAL RED
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Imperial Red #ED2939 pairs with #29EDDD as its complementary color, and #39ED29 and #2939ED 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.

IMPERIAL RED
Analogous

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

IMPERIAL RED
Triadic

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

IMPERIAL RED
Split-Complementary

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

IMPERIAL RED
Tetradic (Square)

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

IMPERIAL RED
Monochromatic

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

IMPERIAL RED

Shades & Tints

The shade and tint range for Imperial Red #ED2939 moves from dark #180204 tones through the base color to lighter #FDE7E9 tones, making it useful for depth, hierarchy, and background variation.

IMPERIAL RED

Color Characteristics

Mood
Playful
Style
Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #8C8C2A
Protanopia #5E5E3C
Tritanopia #ED2B2B
Achromatopsia #7B7B7B

Frequently Asked Questions

Imperial Red (#ED2939) is a color with RGB(237, 41, 57) and HSL(355.1°, 82.7%, 92.94%).

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

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

#ED2939 is commonly associated with Playful.

The name Imperial Red is linked to Imperial Red from English, meaning A shade of red associated with imperial power or regality..

Name, History & Etymology

Origin Word Imperial Red
Meaning A shade of red associated with imperial power or regality.
Language English
First Recorded Use Late 19th - Early 20th Century (as a specific color name)

History

The color red has a long and rich history of association with power, royalty, and empire across numerous cultures. From the Tyrian purple (a deep red-purple) of Roman emperors to the vermilion used in Chinese imperial courts, red has signified status and authority. The specific term 'Imperial Red' likely gained traction as a descriptive color name to evoke this historical grandeur, particularly in the context of dyes, paints, and textiles. It's a color that suggests richness, strength, and a certain historical weight, often leaning towards a slightly deeper or more vibrant red than a basic 'true red'. Its use can be seen in heraldry, national flags (e.g., the red in the flag of China, though not officially named 'Imperial Red', carries imperial connotations), and luxury goods.

First Recorded Use

The concept of 'imperial' colors, particularly red, dates back much further, but 'Imperial Red' as a distinct named color shade likely emerged with the standardization of color names in art, fashion, and industry.

Cultural Associations

Associated with power, royalty, and authority in many Western and Eastern cultures. Can symbolize passion, love, and danger, but in the 'imperial' context, the emphasis is on power and prestige. Often used in national flags and emblems to represent the strength and sovereignty of a nation. In China, red is a highly auspicious color, symbolizing good fortune, joy, and prosperity, and was historically used by emperors. In a broader sense, 'imperial' colors often refer to those used by ruling dynasties or empires to project their might and status.

Similar Named Colors
Deep Carmine Pink #EF3038 ΔE 1.41
Alizarin Crimson #E32636 ΔE 2.29
Tractor Red #FD0E35 ΔE 2.56
Red (Munsell) #F2003C ΔE 2.80

Code Snippets

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

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

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

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

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

// SCSS variable
$imperial-red: #ED2939;

// With RGB channels (useful for rgba() usage)
$imperial-red-r: 237;
$imperial-red-g: 41;
$imperial-red-b: 57;

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