Imperial

HEX: #602F6B | Modern Palette

On White
9.92:1
PASS
On Black
2.12:1
FAIL

Color Specifications

HEX
#602F6B
RGB
96, 47, 107
HSL
289°, 56% ,41%
CMYK
10.28, 56.07, 0, 58.04

About Imperial

Imperial (#602F6B) is a color with RGB(96, 47, 107) and HSL(289°, 56.07%, 41.96%). It is commonly associated with Romantic moods. In design, it is suitable for Text, Button, Logo. Its complementary color is #3A6B2F, which creates strong contrast. Its triadic palette includes #6B602F and #2F6B60. The name comes from imperialis (Latin).

  • HEX: #602F6B
  • RGB: 96, 47, 107
  • HSL: 289°, 56.07%, 41.96%
  • Mood: Romantic
  • Use case: Text, Button, Logo
  • Complementary color: #3A6B2F
  • Triadic colors: #6B602F, #2F6B60
  • The name comes from imperialis (Latin).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Imperial #602F6B 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
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
IMPERIAL
 
 
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

Imperial #602F6B pairs with #3A6B2F as its complementary color, and #6B602F and #2F6B60 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
Analogous

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

IMPERIAL
Triadic

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

IMPERIAL
Split-Complementary

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

IMPERIAL
Tetradic (Square)

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

IMPERIAL
Monochromatic

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

IMPERIAL

Shades & Tints

The shade and tint range for Imperial #602F6B moves from dark #100812 tones through the base color to lighter #F5EDF7 tones, making it useful for depth, hierarchy, and background variation.

IMPERIAL

Color Characteristics

Mood
Romantic
Style
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #42426A
Protanopia #37376B
Tritanopia #5A3B3B
Achromatopsia #434343

Frequently Asked Questions

Imperial (#602F6B) is a color with RGB(96, 47, 107) and HSL(289°, 56.07%, 41.96%).

#602F6B pairs strongly with #3A6B2F as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#602F6B is suitable for Text, Button, Logo.

#602F6B is commonly associated with Romantic.

The name Imperial is linked to imperialis from Latin, meaning of or belonging to an empire or emperor.

Name, History & Etymology

Origin Word imperialis
Meaning of or belonging to an empire or emperor
Language Latin
First Recorded Use Late Middle English

History

The word "imperial" derives from the Latin 'imperialis', which itself comes from 'imperium' meaning 'empire' or 'command'. It entered English through Old French 'imperial'. Initially, it was used to describe things pertaining to the Roman Empire or its emperors. Over time, its usage expanded to refer to any empire, emperor, or sovereign state of significant power. It also developed meanings related to supreme quality, size, or importance, as seen in terms like 'imperial pint' or 'imperial purple'.

First Recorded Use

late 14th century

Cultural Associations

The color 'imperial purple' (often a deep reddish-purple) has historically been associated with royalty and power, particularly in the Roman and Byzantine Empires, due to the rarity and cost of the dye (Tyrian purple). The term 'imperial' can evoke grandeur, authority, and sometimes connotations of colonialism or expansionism depending on the context (e.g., 'imperial powers'). In some contexts, it signifies a standard of measurement (e.g., 'imperial system' of weights and measures, still used in some countries).

Similar Named Colors
Palatinate Purple #682860 ΔE 4.18
Eminence #6C3082 ΔE 4.78
Byzantium #702963 ΔE 5.23
Japanese Violet #5B3256 ΔE 6.19

Code Snippets

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

/* Text */
.element {
    color: #602F6B;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #602F6B,
        #45A72F
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #602F6B,
        #45A72F
    );
}

// SCSS variable
$imperial: #602F6B;

// With RGB channels (useful for rgba() usage)
$imperial-r: 96;
$imperial-g: 47;
$imperial-b: 107;

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