Olive Drab (#6B8E23) Shades and Tints

Olive Drab is the hex color #6B8E23. The panel shows its 11 shades and tints, from 50 (lightest) to 950 (darkest), ready to copy as CSS, Tailwind or SwiftUI. Below are its color codes, its contrast as text on white and on black, and the named colors closest to it.

Color codes

HEX
#6B8E23
RGB
rgb(107, 142, 35)
HSL
hsl(80, 60%, 35%)

Contrast as text

  • On white3.8:1AA FailAAA Fail
  • On black5.51:1AA PassAAA Fail

WCAG 2 asks for at least 4.5:1 (AA) or 7:1 (AAA) for normal-size text.

Olive Drab

100%
Color Range
50
100
200
300
400
500
600
700
800
900
950
  olive-drab-50: #edf0e3;
  olive-drab-100: #dae2c7;
  olive-drab-200: #c8d4ac;
  olive-drab-300: #b5c591;
  olive-drab-400: #a3b776;
  olive-drab-500: #91a95c;
  olive-drab-600: #7e9c41;
  olive-drab-700: #6b8e23;
  olive-drab-800: #50691e;
  olive-drab-900: #374619;
  olive-drab-950: #1f2511;

Change the base color with the edit button in the panel on the right, and the 11 shades and the example components update. Copy the scale as CSS, CSS variables, Tailwind or SwiftUI.

Example Components

Premium Wireless Headphones
New Release

Premium Wireless Headphones

High-fidelity audio with active noise cancellation, premium materials, and up to 30 hours of battery life. Perfect for music enthusiasts and professionals.

(128)
$249.99$299.9917% off
The Future of Web Development: AI-Powered Tools and Automation
Technology
Alex Chen

Alex Chen

Mar 15, 2025

The Future of Web Development: AI-Powered Tools and Automation

Explore how artificial intelligence is revolutionizing web development workflows, making developers more productive and efficient than ever before.

8 min read
24
1205
Web Development Workshop 2025
15Apr
Workshop

Web Development Workshop 2025

Join us for an intensive workshop on modern web development practices. Learn about the latest frameworks, tools, and techniques from industry experts. This hands-on session will cover everything from frontend development to backend architecture and deployment strategies.

Tue, Apr 15, 2025
9:00 AM - 5:00 PM

Tech Innovation Hub

123 Developer Street, Silicon Valley, CA

AttendeeAttendeeAttendee
+2

45 going

5 spots left

$299

Revenue Overview

Monthly revenue performance and key metrics

Total Revenue

$48,234
12.5%

vs. last month

Average Order Value

$156
3.2%

vs. last month

Conversion Rate

3.8%
1.1%

vs. last month

Active Customers

1,429
8.4%

vs. last month

Button States

Demonstration of primary button states: normal, hover, active, and disabled

Normal State

Hover State

Active State

Interactive Example

Disabled State

Sarah Wilson

Sarah Wilson

Senior Product Designer

Passionate about creating beautiful and functional user experiences. Focused on design systems and component-driven development.

Colors close to Olive Drab

Dark Olive GreenOliveForest GreenDim GrayYellow GreenSea GreenSiennaDark Golden Rod
All 139 named colors