Deep Violet

HEX: #330066 | Modern Palette

On White
15.76:1
PASS
On Black
1.33:1
FAIL

Color Specifications

HEX
#330066
RGB
51, 0, 102
HSL
270°, 100% ,40%
CMYK
50, 100, 0, 60

About Deep Violet

Deep Violet (#330066) is a color with RGB(51, 0, 102) and HSL(270°, 100%, 40%). It is commonly associated with Bold, Romantic moods. In design, it fits Vivid styles and is suitable for Text, Button, Accent. Its complementary color is #336600, which creates strong contrast. Its triadic palette includes #663300 and #006633. The name comes from Deep Violet (English).

  • HEX: #330066
  • RGB: 51, 0, 102
  • HSL: 270°, 100%, 40%
  • Mood: Bold, Romantic
  • Style: Vivid
  • Use case: Text, Button, Accent
  • Complementary color: #336600
  • Triadic colors: #663300, #006633
  • The name comes from Deep Violet (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Deep Violet #330066 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.
DEEP VIOLET
 
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
DEEP VIOLET
 
 
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

Deep Violet #330066 pairs with #336600 as its complementary color, and #663300 and #006633 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.

DEEP VIOLET
Analogous

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

DEEP VIOLET
Triadic

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

DEEP VIOLET
Split-Complementary

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

DEEP VIOLET
PAKISTAN GREEN
Tetradic (Square)

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

DEEP VIOLET
Monochromatic

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

DEEP VIOLET

Shades & Tints

The shade and tint range for Deep Violet #330066 moves from dark #0D001A tones through the base color to lighter #F2E6FF tones, making it useful for depth, hierarchy, and background variation.

DEEP VIOLET
PALE VIOLET

Color Characteristics

Mood
Bold Romantic
Style
Vivid
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #191966
Protanopia #0C0C66
Tritanopia #212323
Achromatopsia #232323

Frequently Asked Questions

Deep Violet (#330066) is a color with RGB(51, 0, 102) and HSL(270°, 100%, 40%).

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

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

#330066 is commonly associated with Bold, Romantic.

The name Deep Violet is linked to Deep Violet from English, meaning A dark shade of the color violet..

Name, History & Etymology

Origin Word Deep Violet
Meaning A dark shade of the color violet.
Language English
First Recorded Use Late 19th - Early 20th Century (as a specific color name)

History

The color violet itself has a long history, associated with royalty, spirituality, and magic, often derived from natural dyes like Tyrian purple (though technically more purple/magenta) or plant-based dyes. As synthetic dyes became prevalent in the 19th century, a wider and more consistent range of violet shades became available and named. 'Deep violet' specifically refers to a darker, more saturated version of this hue, often seen in artistic palettes, fashion trends, and interior design throughout the 20th and 21st centuries. The hexadecimal code #330066 is a modern digital representation of this color.

First Recorded Use

While 'violet' has ancient roots, the specific compound 'deep violet' as a named color likely gained traction with the standardization of color systems and increased interest in precise color descriptions, particularly in art, fashion, and dye industries. Exact first use is difficult to pinpoint but aligns with the period of more nuanced color naming.

Cultural Associations

Deep violet, like other shades of violet and purple, often carries connotations of luxury, sophistication, mystery, and introspection. It can be associated with creativity, wisdom, and spiritual awareness. In some contexts, it might also evoke feelings of melancholy or solemnity. Its depth gives it a more serious or opulent feel compared to lighter violets.

Similar Named Colors
Persian Indigo #32127A ΔE 4.25
Indigo #4B0082 ΔE 5.38
Navy Blue #000080 ΔE 6.49
Midnight Blue #191970 ΔE 6.75

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #330066,
        #66CC00
    );
}

// SCSS variable
$deep-violet: #330066;

// With RGB channels (useful for rgba() usage)
$deep-violet-r: 51;
$deep-violet-g: 0;
$deep-violet-b: 102;

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