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

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 #602F6B from deepest shade to lightest tint.

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);
}