Violet
Meet Violet (#EE82EE), a color that commands attention with its luminous, high-saturation presence. Sitting uniquely between magenta and blue, its distinct digital vibrancy makes it a compelling choice for interfaces that need to make a statement without overwhelming the eye.
Violet Code Conversions
HEX
#EE82EE
LAB
70, 56, -37
RGB
238, 130, 238
XYZ
58.7, 40.3, 85.6
HSL
300°, 76%, 72%
LCH
70, 67, 327°
HSB
300°, 45%, 93%
LUV
70, 52, -67
HWB
300°, 51%, 7%
Violet Color Harmonies
Analogous
Analogous colors sit side-by-side on the color wheel. When paired with Violet, they produce a cohesive and tranquil visual experience.
Complementary
Complementary colors sit directly opposite each other on the color wheel. For Violet, this creates a high-contrast pairing that makes both colors pop.
Split Complementary
Instead of Violet's direct complement, a split complementary palette uses the two neighboring colors, creating a high-contrast combination with less tension.
Triadic
A triadic scheme uses three colors equidistant on the color wheel. With Violet as the base, this creates a vibrant, high-contrast palette.
Tetradic
Tetradic schemes for Violet are built from two pairs of complementary colors, forming a rectangle on the color wheel for a four-color harmony.
Square
Using Violet as a base, a square scheme adds three more colors, all equidistant on the color wheel for a bold, balanced composition.
Violet Contrast Simulation
Violet Color Variations
Shades
Shades are darker versions of Violet, created by adding black to give the color more depth and weight.
Tints
Tints are created by adding white to Violet, resulting in lighter, softer variations.
Tones
Tones of Violet are created by adding gray, which softens and mutes the color’s intensity.
Hues
Hues are variations of Violet (#EE82EE), differing in intensity and temperature to create distinct moods.
What Interfaces Use Colors Like Violet?
