Gentle Floral Muted Violet
Category: Purple
Lilac (#C8A2C8) — Color Codes, Meaning & UI Palettes
Named after the aromatic spring flower Syringa vulgaris, Lilac is a pale, slightly muted violet that communicates renewal, gentle romance, and quiet spiritual clarity.
Click to Copy HEX
Lilac
#C8A2C8
HEX
#C8A2C8
RGB
rgb(200, 162, 200)
HSL
hsl(300deg, 26%, 71%)
CMYK (Print)
cmyk(0%, 19%, 0%, 22%)
Apple Display P3
color(display-p3 0.784 0.635 0.784)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
2.22:1 (Fail)
Black Text (#000000)
9.46:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FCF9FC
100
#F6F0F6
200
#EDE1ED
300
#E2CFE2
400
#D5B8D5
500
#C8A2C8
600
#A082A0
700
#786178
800
#504150
900
#2C242C
950
#181318
Color Harmonies & Palette Schemes
Complementary
#A2C8A2
Opposite 180° Contrast
Analogous -30°
#B5A2C8
Natural Harmony
Analogous +30°
#C8A2B5
Natural Harmony
Triadic +120°
#C8C8A2
120° Balanced Triad
Triadic +240°
#A2C8C8
120° Balanced Triad
Curated UI Design Pairings for Lilac
A favorite for clean beauty skincare, meditation journals, and pastel stationery. Use deep plum or slate charcoal for text contrast.
Deep Plum Ink
#332941
High-Contrast Typography
Porcelain White
#FAF8F5
Soft Surface
Matcha Powder
#CCD5AE
Complementary Botanical Pair
Soft Cameo
#E2B4BD
Analogous Floral Harmony
Export Lilac Code Snippets
CSS Variable
--color-lilac-color: #C8A2C8;
Tailwind Config
'lilac-color': '#C8A2C8'
Swift / SwiftUI
Color(hex: "#C8A2C8")
JSON Design Token
{"name": "Lilac", "hex": "#C8A2C8"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.