Ethereal Lavender Violet Glow
Category: Purple
Light Purple (#CBC3E3) — Color Codes, Meaning & UI Palettes
Light Purple (often referred to as soft lavender or pale lilac) combines the passion of red with the calm tranquility of blue. In digital design, it represents creativity, intuition, AI interfaces, and meditative clarity.
Click to Copy HEX
Light Purple
#CBC3E3
HEX
#CBC3E3
RGB
rgb(203, 195, 227)
HSL
hsl(255deg, 36%, 83%)
CMYK (Print)
cmyk(11%, 14%, 0%, 11%)
Apple Display P3
color(display-p3 0.796 0.765 0.890)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.69:1 (Fail)
Black Text (#000000)
12.45: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
#FCFBFD
100
#F7F5FB
200
#EEECF6
300
#E4E0F0
400
#D7D1EA
500
#CBC3E3
600
#A29CB6
700
#7A7588
800
#514E5B
900
#2D2B32
950
#18171B
Color Harmonies & Palette Schemes
Complementary
#DBE3C4
Opposite 180° Contrast
Analogous -30°
#C4CCE3
Natural Harmony
Analogous +30°
#DBC4E3
Natural Harmony
Triadic +120°
#E3CCC4
120° Balanced Triad
Triadic +240°
#C4E3CC
120° Balanced Triad
Curated UI Design Pairings for Light Purple
Very popular in modern AI SaaS products, meditation applications, and gradient backgrounds. Ensure dark contrast text (ratio > 4.5:1) for readable interface cards.
Electric Violet
#8B5CF6
Vibrant Primary Button
Deep Obsidian
#0A0B0E
Dark Mode Background
Cloud White
#F8FAFC
Clean Surface
Pastel Pink
#FFD1DC
Dreamy Gradient Pairing
Export Light Purple Code Snippets
CSS Variable
--color-light-purple: #CBC3E3;
Tailwind Config
'light-purple': '#CBC3E3'
Swift / SwiftUI
Color(hex: "#CBC3E3")
JSON Design Token
{"name": "Light Purple", "hex": "#CBC3E3"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.