Fragrant Pale Herbal Violet
Category: Purple
Lavender (#E6E6FA) — Color Codes, Meaning & UI Palettes
Lavender is an airy, whisper-soft pale violet named after the flowering lavender herb. Celebrated in aromatherapy and wellness for its scientifically verified calming effects.
Click to Copy HEX
Lavender
#E6E6FA
HEX
#E6E6FA
RGB
rgb(230, 230, 250)
HSL
hsl(240deg, 67%, 94%)
CMYK (Print)
cmyk(8%, 8%, 0%, 2%)
Apple Display P3
color(display-p3 0.902 0.902 0.980)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.23:1 (Fail)
Black Text (#000000)
17.06: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
#FEFEFF
100
#FBFBFE
200
#F7F7FD
300
#F2F2FC
400
#ECECFB
500
#E6E6FA
600
#B8B8C8
700
#8A8A96
800
#5C5C64
900
#333337
950
#1C1C1E
Color Harmonies & Palette Schemes
Complementary
#FAFAE5
Opposite 180° Contrast
Analogous -30°
#E5F0FA
Natural Harmony
Analogous +30°
#F0E5FA
Natural Harmony
Triadic +120°
#FAE5E5
120° Balanced Triad
Triadic +240°
#E5FAE5
120° Balanced Triad
Curated UI Design Pairings for Lavender
Perfect for soothing mobile app backgrounds, wellness booking flows, baby product brands, and gentle UI notification cards.
Deep Violet
#6D28D9
Accessible Text Anchor
Sage Green
#9CAF88
Botanical Garden Contrast
Pastel Pink
#FFD1DC
Sweet Soft Palette
Cloud White
#FFFFFF
Pristine Card Background
Export Lavender Code Snippets
CSS Variable
--color-lavender-color: #E6E6FA;
Tailwind Config
'lavender-color': '#E6E6FA'
Swift / SwiftUI
Color(hex: "#E6E6FA")
JSON Design Token
{"name": "Lavender", "hex": "#E6E6FA"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.