Coloried

Lavender

Lavender color is a delicate shade of very light purple. Its hex code is #E6E6FA and rgb code is rgb(230, 230, 250), Its CMYK value is cmyk(8%, 8%, 0%, 2%), and Its HSL value is hsl(240, 67%, 94%). Against white, it has a contrast ratio of 1.23:1, while against black, the contrast ratio is 17.06:1. Its complementary color is #FAFAE5 and closest tailwind color is indigo-100. This color goes well with #A366E1, #66A3E1, #2929D1, #E9BD90, and #BDE990. To recreate the Lavender color, you can mix #FFFFFF and #CDCDF5.

Lavender color code
|
1. Color Conversions
HEX#E6E6FA
RGB230, 230, 250
HSL240°, 67%, 94%
HSV240°, 67%, 98%
CMYK8%, 8%, 0%, 2%
Web Safe#FFFFFF
2. Contrast Ratio
Text on #FFFFFF1.23:1
Fail LargeFail Normal
Text on #00000017.06:1
AAA LargeAAA Normal
3. Lavender Color Code in CSS
HEX
#E6E6FA
RGB
rgb(230, 230, 250)
HSL
hsl(240, 67%, 94%)
Text Color
color: #E6E6FA;
Background
background-color: #E6E6FA;
Border Color
border-color: #E6E6FA;
Box Shadow
box-shadow: 0 4px 14px 0 #E6E6FA80;
SCSS
$color-lavender: #E6E6FA;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#E6E6F5
Deuteranopia#E6E6F4
Tritanopia#E6F1F1
Achromatopsia#E8E8E8
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive