#E6E6FA
Lavender
Lavender is a soft, pale purple named after the lavender flower. It conveys grace, elegance, and femininity with a calming effect.
Lavender Color Values
HEX#E6E6FA
RGB230, 230, 250
HSL240°, 67%, 94%
HSV240°, 8%, 98%
CMYK8%, 8%, 0%, 2%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #E2E8FB (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #E1E7F9 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #E2E9ED (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #E9E9E9 (~0.003% of population)
Lavender as Text Color
Lavender on White
1.2:1FAIL
Lavender on Light Gray
1.1:1FAIL
Lavender on Cream
1.2:1FAIL
Lavender on Dark
13.9:1AAA
Lavender on Black
17.1:1AAA
Lavender on Soft Blue
1.1:1FAIL
Lavender on Soft Green
1.1:1FAIL
Lavender on Soft Pink
1.0:1FAIL
Nearest Tailwind Class
slate-200
#E2E8F0
Nearest Pantone Match
Pantone Cool Gray 1
#D9D9D6
CSS Variable Export
:root {
--color-lavender: #E6E6FA;
--color-lavender-rgb: 230, 230, 250;
}Tailwind Config
// tailwind.config.js
colors: {
'lavender': '#E6E6FA',
}Shades of Lavender
#E5E5FA
#BBBBF2
#8C8CE8
#6161E0
#3333D7
#2323B3
#1A1A84
#121259
#08082B
#000000
Tints of Lavender
#E5E5FA
#EAEAFB
#EAEAFB
#EEEEFC
#F2F2FC
#F2F2FC
#F6F6FD
#FBFBFE
#FBFBFE
#FFFFFF
Color Harmonies
Complementary
#E6E6FA
#FAFAE5
Analogous
#E5F0FA
#E5E5FA
#F0E5FA
Triadic
#E5E5FA
#FAE5E5
#E5FAE5
Lavender Text Preview
Heading in Lavender
Body text in Lavender. The quick brown fox jumps over the lazy dog.
White on Lavender
Body text on a Lavender background.
Lavender text on dark background
Contrast: 14.4:1