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

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

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