Lavender Color
#E6E6FA
Shades
Darker variations of each color in your palette
Base Color
#E6E6FA#E6E6FA
#B8B8C8
#8A8A96
#5C5C64
#2E2E32
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#E6E6FA#E6E6FA
#EBEBFB
#F0F0FC
#F5F5FD
#FAFAFE
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #E6E6FA |  |
| RGB | 230, 230, 250 | |
| HSL | 240, 67%, 94% | |
| CMYK | 8%, 8%, 0%, 2% | |
| OKLCH | oklch(0.931 0.027 286) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#E6E6FA#E5F0FA
#E6E6FA
#F0E5FA
Analogous
#E6E6FA
#FAFAE5
Complementary
#E6E6FA
#FAE5E5
#E5FAE5
Triadic
#E6E6FA
#FAF0E5
#F0FAE5
Split Complementary
#E6E6FA
#FAE5F0
#FAFAE5
#E5FAF0
Tetradic
#111155
#1D1D95
#2A2AD5
#6A6AE2
#AAAAEE
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#E6E6FA#FAE5E5
#FAFAE5
#E5FAE5
#E5FAFA
#E5E5FA
#FAE5FA
Hues
Tones
Tones created by adding gray to each color
Base Color
#E6E6FA#E6E6FA
#D2D2E2
#BDBDC9
#A9A9B1
#949498
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#E6E6FA#EADEEF
#EED7E4
#F1CFD8
Warmer
#DCDEFB
#D1D7FC
#C7CFFC
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#E6E6FAOn White Background
Sample Text
Contrast Ratio:1.23:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:17.06:1
WCAG Level:AAA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)