Lavender

lavender is a CSS color keyword. The closest Tailwind step is violet-100 (#ede9fe).

#e6e6fargb(230, 230, 250)

Hex: #e6e6fa
RGB: 230, 230, 250
HSL: 240°, 67%, 94%
OKLCH: 93.1% 0.027 285.9
LAB: 91.8 3.7 -9.7

Open #e6e6fa in the explorer

Text contrast

Black or white text on #e6e6fa. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text17.1:1 AAAAPCA Lc 93

White text1.2:1 FailAPCA Lc -12

Color vision

How #e6e6fa looks in simulations of color blindness, at full severity.

Full color
#e6e6fa

Protanopia
#e2e8fb

Deuteranopia
#e1e7f9

Tritanopia
#e2e9ec

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to lavender.

50 100200300400500600700800900950

Copy into CSS

color: lavender;
background: #e6e6fa;

@theme {
  --color-lavender-50: #f4f4ff;
  --color-lavender-100: #e6e6fa;
  --color-lavender-200: #cfcfe2;
  --color-lavender-300: #b2b2c5;
  --color-lavender-400: #9696a9;
  --color-lavender-500: #78788a;
  --color-lavender-600: #5f5e6f;
  --color-lavender-700: #494859;
  --color-lavender-800: #343443;
  --color-lavender-900: #20202e;
  --color-lavender-950: #0c0b18;
}