Olivedrab

olivedrab is a CSS color keyword. The closest Tailwind step is lime-700 (#4d7c0f).

#6b8e23rgb(107, 142, 35)

Hex: #6b8e23
RGB: 107, 142, 35
HSL: 80°, 60%, 35%
OKLCH: 59.9% 0.137 126.3
LAB: 54.7 -28.2 49.7

Open #6b8e23 in the explorer

Text contrast

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

Black text5.5:1 AAAPCA Lc 42

White text3.8:1 FailAPCA Lc -68

Color vision

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

Full color
#6b8e23

Protanopia
#96840d

Deuteranopia
#91822d

Tritanopia
#708779

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: olivedrab;
background: #6b8e23;

@theme {
  --color-olivedrab-50: #e8ffc9;
  --color-olivedrab-100: #d0f991;
  --color-olivedrab-200: #bae17b;
  --color-olivedrab-300: #9ec45e;
  --color-olivedrab-400: #83a740;
  --color-olivedrab-500: #65881b;
  --color-olivedrab-600: #4e6c00;
  --color-olivedrab-700: #3c5400;
  --color-olivedrab-800: #2a3d00;
  --color-olivedrab-900: #1a2700;
  --color-olivedrab-950: #091000;
}