Skip to content

Violet Color Code: HEX Code & RGB Code Values ​

Looking for specific violet color code? Get exact violet hex code #8F00FF and violet RGB code rgb(143,0,255). Complete color information for design and development projects featuring this vibrant, spectral color.

Visual example of violet color with its vibrant, spectral appearance
HEX#8F00FF
RGBrgb(143,0,255)

Shades of Violet ​

Create custom shades of violet with our color generator. Adjust hues, tints, and tones to find the perfect shade of violet for your project.

🎨

Shades (Adding Black)

  • 8F00FF
    rgb(143, 0, 255)
  • 7711D0
    rgb(119, 17, 208)
  • 6016A2
    rgb(96, 22, 162)
  • 491777
    rgb(73, 23, 119)
  • 33144F
    rgb(51, 20, 79)
  • 1E0F2A
    rgb(30, 15, 42)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 8F00FF
    rgb(143, 0, 255)
  • A949FF
    rgb(169, 73, 255)
  • BF72FF
    rgb(191, 114, 255)
  • D296FF
    rgb(210, 150, 255)
  • E3B9FF
    rgb(227, 185, 255)
  • F2DCFF
    rgb(242, 220, 255)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 8F00FF
    rgb(143, 0, 255)
  • 8D24EC
    rgb(141, 36, 236)
  • 8A38D4
    rgb(138, 56, 212)
  • 8547BA
    rgb(133, 71, 186)
  • 7D539F
    rgb(125, 83, 159)
  • 735D83
    rgb(115, 93, 131)
  • 808080
    rgb(128, 128, 128)

Violet Palette ​

Explore curated and automatically generated color palettes featuring violet. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#EBCBFF
Light
#D296FF
Medium Light
#B45EFF
Medium
#8F00FF
Medium Dark
#6509B4
Dark
#3E096E
Darkest
#1C022F

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#8F00FF
Left Dark
#B25BFE
Left Medium
#CD91FC
Left Light
#E3C3FA
Neutral
#F5F5F5
Right Light
#DCF9C6
Right Medium
#C0FC96
Right Dark
#9EFE62
Complementary End
#70FF00

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#D296FF
Medium
#8F00FF
Dark
#4700C1
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#0070FF
Left Adjacent 1
#0F00FF
Main
#8F00FF
Right Adjacent 1
#FF00F0
Right Adjacent 2
#FF0070

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#8F00FF
Complementary
#70FF00

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#8F00FF
Secondary
#FF8F00
Tertiary
#00FF8F

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#8F00FF
Right 90°
#FF0F00
Complementary
#70FF00
Left 90°
#00F0FF

Tetradic

Two pairs of complementary colors

4 colors
Main
#8F00FF
Secondary
#FF0070
Complementary
#70FF00
Complementary Secondary
#00FF8F

Split Complementary

Complementary colors ±30°

3 colors
Main
#8F00FF
Split Left
#F0FF00
Split Right
#00FF0F

Cyclic

Circular gradient for periodic data

8 colors
0°
#8F00FF
45°
#FF00B0
90°
#FF0F00
135°
#FFCF00
180°
#70FF00
225°
#00FF4F
270°
#00F0FF
315°
#0030FF

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#B59CC9
Pastel 1
#BFA9D1
Pastel 2
#C9B6D8
Pastel 3
#D3C3DF
Pastel 4
#DDD1E6
Deep Pastel
#E6DEED

Common Purple Color Codes (HEX & RGB) ​

Purple →
HEX:#800080
RGB:rgb(128, 0, 128)
Light Purple →
HEX:#800080
RGB:rgb(128, 0, 128)
Dark Purple →
HEX:#800080
RGB:rgb(128, 0, 128)
Royal Purple →
HEX:#800080
RGB:rgb(128, 0, 128)
Violet →
HEX:#9400D3
RGB:rgb(148, 0, 211)
Lavender →
HEX:#E6E6FA
RGB:rgb(230, 230, 250)
Magenta →
HEX:#FF00FF
RGB:rgb(255, 0, 255)
Lilac →
HEX:#C8A2C8
RGB:rgb(200,162,200)

Extract Violet Hex & RGB Codes from Image ​

Upload a photo to find the exact violet HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Violet Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for violet shades.

🎨

All Formats:

  • HEX:
    #8F00FF
  • RGB:
    rgb(143, 0, 255)
  • CMYK:
    cmyk(44%, 100%, 0%, 0%)
  • HSV:
    hsv(274°, 100%, 100%)
  • HSL:
    hsl(274°, 100%, 50%)

What is Violet? ​

Violet is a vibrant purple color that sits at the end of the visible color spectrum, between blue and purple. It's one of the seven colors of the rainbow and has captivated humans for millennia. The word "violet" comes from the Latin viola, referring to the violet flower.

In optics, violet has the shortest wavelength of visible light (around 380-450 nm), making it the "end" of the rainbow we can see. Violet is often associated with royalty, spirituality, and creativity. It's a bold, energetic color that commands attention.

The hex code for violet is #8F00FF, with RGB values of rgb(143, 0, 255). This combination creates a striking, intense purple with strong blue undertones.

Violet vs Similar Colors ​

Violet is distinct from other purple shades:

ColorHEX CodeKey Difference
Violet#8F00FFDeep, blue-leaning purple
Purple#800080Balanced purple
Lavender#E6E6FAPale, muted
Indigo#4B0082Darker, more blue

Violet is more intense than lavender and has stronger blue undertones than traditional purple. Its vibrancy makes it stand out.

Color Psychology and Meaning ​

Violet carries powerful symbolic associations:

  • Royalty and luxury: Historically associated with nobility
  • Spirituality and mysticism: Linked to higher consciousness
  • Creativity and imagination: Stimulates artistic expression
  • Wisdom and intuition: Associated with insight and understanding

Design Applications ​

Violet's boldness makes it suitable for impactful designs:

Web and UI Design: Violet works well for creative platforms, tech companies, and luxury brands. It creates memorable, modern interfaces. Pair with white or light gray for contrast.

Graphic Design: Violet is ideal for posters, album covers, and digital art. It pairs beautifully with gold, teal, and white.

Fashion and Interiors: A dramatic color for statement pieces. In interiors, violet adds depth as an accent wall or decor.

Branding: Violet is often used by technology, beauty, and creative brands to convey innovation and luxury.

Color Harmony ​

Violet pairs well with many colors:

  • Complementary: Yellow
  • Analogous: Purple, indigo, and blue
  • Monochromatic: Various shades of violet
  • Triadic: Violet, orange, and green

Cultural Significance ​

Violet has played important roles across cultures:

  • In ancient Rome, violet was associated with Venus and love
  • During the Middle Ages, violet symbolized humility and penance
  • In modern times, violet represents creativity and individuality

Frequently Asked Questions ​

What is the violet hex code? ​

The violet hex code is #8F00FF. This vibrant purple is widely used in design.

What colors go well with violet? ​

Violet pairs beautifully with gold, teal, white, yellow, and light gray.

Is violet the same as purple? ​

No. Violet (#8F00FF) has stronger blue undertones than traditional purple (#800080).

What are the RGB values for violet? ​

The violet RGB code is rgb(143, 0, 255).

Why is violet associated with royalty? ​

Historically, violet dye was rare and expensive to produce, making it accessible only to nobility.