Skip to content
  • No data uploaded
  • Instant results

Olive Drab — #6B8E23

Olive Drab is the CSS named colour olivedrab, hex #6B8E23. It has a contrast ratio of 3.81:1 on white and 5.52:1 on black — best used as text on dark backgrounds.

Olive Drab — #6B8E23

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

Tints
Shades
Complementary
Triadic
Analogous

Free Olive Drab — #6B8E23 by pGento

Using Olive Drab in code

CSS: color: olivedrab; or color: #6B8E23; · Tailwind: text-[#6B8E23] · Android/Flutter: 0xFF6B8E23

Olive Drab colour harmonies

Complementary: #46238E · Triadic: #236B8E, #8E236B · Analogous: #8E7B23, #358E23. Use tints for backgrounds and shades for hover states.

Olive Drab in every colour format

FormatValue
HEX#6B8E23
RGBrgb(107, 142, 35)
HSLhsl(80, 60%, 35%)
HSVhsv(80, 75%, 56%)
CMYKcmyk(25%, 0%, 75%, 44%)
CSS nameolivedrab
Contrast on white3.81:1
Contrast on black5.52:1

Frequently asked questions

What is the hex code for Olive Drab?
#6B8E23 (CSS name: olivedrab).
What is Olive Drab in RGB?
rgb(107, 142, 35)
What colour goes well with Olive Drab?
Its complementary colour #46238E, or the analogous #8E7B23 and #358E23.
Olive Drab — #6B8E23

Embed this tool on your site

Paste this code into any web page. It stays free, fast and ad-free inside your site.

Print or save as PDF

Prints just this tool and its result. Choose “Save as PDF” as the printer to get a file. Branding is stored only in this browser.