Lilac
Meet Lilac, #C8A2C8. This soft, pale violet hue strikes a delicate balance between the warmth of pink and the coolness of blue. Its muted saturation gives it a sophisticated yet approachable quality, making it a versatile choice for modern user interface design projects.
Lilac Code Conversions
HEX
#C8A2C8
LAB
71, 21, -14
RGB
200, 162, 200
XYZ
47.2, 42.3, 60.3
HSL
300°, 26%, 71%
LCH
71, 25, 325°
HSB
300°, 19%, 78%
LUV
71, 19, -25
HWB
300°, 64%, 22%
Lilac Color Harmonies
Analogous
Analogous colors sit next to Lilac on the color wheel. This grouping produces a harmonious and serene palette, ideal for creating calm interfaces.
Complementary
Complementary colors sit directly opposite each other on the color wheel. When paired with Lilac, they create a striking, high-contrast visual effect.
Split Complementary
For a high-contrast but less intense look, a split complementary scheme pairs Lilac with the two colors neighboring its direct complementary color.
Triadic
A triadic scheme for Lilac involves two other colors equally spaced on the color wheel, creating a vibrant and high-contrast palette.
Tetradic
A tetradic color scheme uses four colors arranged into two complementary pairs. With Lilac as a base, this creates a rich, vibrant palette.
Square
A square color scheme selects four colors evenly spaced on the color wheel. This creates a vibrant, high-contrast palette with Lilac as a key component.
Lilac Contrast Simulation
Lilac Color Variations
Shades
By adding black to Lilac, you create darker shades that introduce depth and weight.
Tints
Tints of Lilac are created by adding white, resulting in lighter, softer variations.
Tones
Tones of Lilac are created by adding gray, resulting in softer, less saturated versions.
Hues
Hues are variations of Lilac's base color, differing in intensity or temperature to create distinct moods.
What Interfaces Use Colors Like Lilac?





















