OKLCH Studio · Tailwind v3 → v4

Tailwind lime-500: v3 #84cc16 vs v4 oklch(0.768 0.233 130.8)

ChangedIn v4, lime-500 is more saturated than in v3 (ΔL 0.000, ΔC +0.029, ΔH 0.0°).

The v4 value is outside the sRGB gamut, so #7CCF00 is a clipped sRGB approximation; wide-gamut displays can show it more vivid.

Tailwind v3#84cc16

Tailwind v4oklch(0.768 0.233 130.8)

Copy code

Tailwind v3 usage

color: #84cc16;

// tailwind.config.js (v3)
colors.lime[500] // #84cc16

Tailwind v4 @theme token

@theme {
  --color-lime-500: oklch(0.768 0.233 130.8);
}

.example {
  color: var(--color-lime-500);
}

Keep the v3 colour in v4

@theme {
  --color-lime-500: #84cc16;
}