What does the color OliveDrab mean?

Lime

OliveDrab

#6b8e23

#89a54f

#a6bb7b

#c4d2a7

#e1e8d3

#6f8b36

Meaning

Energy, youth, and experimentation. High-visibility accents and playful UIs.

History

OliveDrab is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use OliveDrab (#6b8e23) in CSS as color: olivedrab; or as #6b8e23.

Preview

OliveDrab

#6b8e23

Overview

Family: Lime

Accessibility on this swatch:

(5.52:1)

Contrast vs white: 3.81:1 · vs black: 5.52:1

Formats

HEX

#6b8e23

RGB

rgb(107, 142, 35)

RGBA

rgba(107, 142, 35, 1)

HSL

hsl(80, 60%, 35%)

HSV

hsv(80, 75%, 56%)

LAB

lab(54.65% -28.22 49.69)

LCH

lch(54.65% 57.14 119.59)

OKLAB

oklab(0.5995 -0.0814 0.1107)

OKLCH

oklch(0.5995 0.1374 126.33)

XYZ

xyz(16.04, 22.59, 5.11)

CMYK

cmyk(25%, 0%, 75%, 44%)

CSS

color: #6b8e23;

CSS variable

--color-6b8e23: #6b8e23;

SCSS

$color-6b8e23: #6b8e23;

Tailwind

yellow-600

Export

Developer code

:root {
  --olivedrab-1: #6b8e23;
}

Color psychology

Energy, youth, and experimentation. High-visibility accents and playful UIs.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#89a54f

#a6bb7b

#c4d2a7

#e1e8d3

#6f8b36

#738848

#78865b

#7c836d

Similar colors

#698c26

#718e1f

#6a8a15

#638d1c

#76912b

#65880c

#5c8712

#5c8a24

Browse more in the color name library.