greenwarmCSS named color

Olivedrab #6B8E23

Olivedrab is a dark, moderately saturated cool-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Success states · Nature brands

Open in generator →

Families: Greens · Olive Colors

Color values

FormatValue
HEX#6B8E23
RGBrgb(107, 142, 35)
HSLhsl(80, 60%, 35%)
HSVhsv(80, 75%, 56%)
OKLCHoklch(59.95% 0.137 126.3)
OKLaboklab(59.95% -0.0814 0.1107)
CMYKcmyk(24.6%, 0%, 75.4%, 44.3%)
XYZxyz(16.0399, 22.5929, 5.1056)
CIE-LABlab(54.7, -28.2, 49.7)
CIE-LCHlch(54.7, 57.1, 119.6°)
Luminance0.226 (WCAG relative)
/* Olivedrab */ --olivedrab: #6b8e23; color: #6b8e23; background-color: #6b8e23;

Source: W3C CSS named color. CSS keyword: olivedrab.

Collections: Olive Green Colors · Jewel Tone Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#607f21 #56701f #4b611d #41531b #374618 #2d3816 #242b13 #1b1f0f #111308 #000000

Tints (toward white)

#7b993b #8aa451 #99af66 #a8ba7b #b6c590 #c5d1a6 #d4dcbc #e2e8d2 #f1f3e8 #ffffff

Tones (toward gray)

#6f8d30 #728c3a #758b44 #778a4e #7a8957 #7c8760 #7e8669 #808571 #81847a #838383

Color harmonies

Complementary

Edit in generator →
#6B8E23
#46238E
#6b8e23 #46238e

Analogous

Edit in generator →
#8E7C23
#6B8E23
#368E23
#8e7c23 #6b8e23 #368e23

Triadic

Edit in generator →
#6B8E23
#236B8E
#8E236B
#6b8e23 #236b8e #8e236b

Tetradic

Edit in generator →
#6B8E23
#238E7C
#46238E
#8E2336
#6b8e23 #238e7c #46238e #8e2336

Square

Edit in generator →
#6B8E23
#238E7C
#46238E
#8E2336
#6b8e23 #238e7c #46238e #8e2336

Split Complementary

Edit in generator →
#6B8E23
#23368E
#7C238E
#6b8e23 #23368e #7c238e

Monochromatic

Edit in generator →
#212C0B
#465D17
#6B8E23
#90BF2F
#ACD556
#212c0b #465d17 #6b8e23 #90bf2f #acd556

Accessibility & contrast

3.81
#6B8E23 on #FFFFFF
AA text AA large AAA text UI 3:1
5.52
#6B8E23 on #000000
AA text AA large AAA text UI 3:1

Best text on olivedrab

5.52
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#96840D
Deuteranopia (green-blind)
#91822D
Tritanopia (blue-blind)
#708779

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Mossy Green #638B272.10
Sap Green #5C8B152.82
Khaki Green #7286394.81
Avocado #5682035.41
Swamp Green #7485005.56
Swamp #6983395.62

Colors that go with olivedrab

Top matches by hue harmony, contrast and saturation compatibility.

Beige #F5F5DC
3.4:1
Analogous hue (Δh ≈20°) — neighbors on the color wheel
Light Seafoam #A0FEBF
3.2:1
UI contrast with the anchor (3.16:1, passes AA large text)
Burgundy #800020
2.9:1
Close value pairing (2.85:1) — use for large surfaces, not small text
Dark Violet #34013F
4.5:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Dark Indigo #1F0954
4.5:1
Complementary hue (Δh ≈178°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.