Olive Drab Color
Olive Drab is a olive color with hex code #6F7632. This page covers its meaning, all color values, harmonies, colors that go with olive drab, shades, tints, similar colors, CSS examples, FAQs, and WCAG contrast ratios.
Olive Drab Color Values
What Does Olive Drab Mean?
Olive Drab belongs to the olive family of colors. Being on the dark side, Olive Drab adds weight and depth. It suits text, shadows, and grounding elements more than wide-open backgrounds.
In the ISCC-NBS color naming system, Olive Drab is classified as a olive (nearest centroid: light olive, #867E36).
Color Harmonies
Complementary
Analogous
Triadic
Colors That Go With Olive Drab
Olive Drab and #393276 are complements, parked opposite each other on the wheel. Together they hit maximum contrast, so a rough 70/30 split keeps the pairing from shouting.
Analogous neighbors — #765B32 and #4D7632, which sit beside olive drab on the wheel. Pairings like this feel calm and settled, which suits backgrounds and gradients.
For an energetic three-color palette, pair olive drab with triadic partners #326F76 and #76326F. All three sit evenly spaced around the wheel, so the scheme stays lively without clashing.
Build and test these combinations in our Color Wheel Tool or check text readability with the Contrast Checker.
Tints and Shades
Tints (lighter)
Shades (darker)
Similar Colors
- Muddy Green —
#657432(Delta E 4) - Crete —
#737829(Delta E 5) - Pesto —
#7C7631(Delta E 6) - Drab —
#828344(Delta E 7) - Fern Frond —
#657220(Delta E 7)
CSS Examples
.text { color: #6F7632; }
.background { background-color: #6F7632; }
.border { border: 2px solid #6F7632; }
.shadow { box-shadow: 0 4px 6px #6F763240; }WCAG Contrast
Frequently Asked Questions
What is the hex code for olive drab?
Olive Drab has the hex code #6F7632. In RGB notation it is rgb(111, 118, 50), in HSL it is hsl(66, 40%, 33%), and its OKLCH value is 0.545, 0.092, 114.4.
What does the color olive drab mean?
Olive-family colors like olive drab carry distinct psychological associations. Olive Drab belongs to the olive family of colors. Being on the dark side, Olive Drab adds weight and depth. It suits text, shadows, and grounding elements more than wide-open backgrounds.
What colors go with olive drab?
Olive Drab has three easy routes: its complement #393276 for punch, its neighbors #765B32 and #4D7632 for something calmer, or triadic partners #326F76 and #76326F when you want energy.
Is olive drab a standard web color?
No — Olive Drab is not a CSS keyword. Use its hex value #6F7632 or any RGB/HSL equivalent in your stylesheets.
How do I make olive drab lighter or darker?
To lighten olive drab, add white to create tints; to darken it, add black to create shades. The tints and shades table above shows five computed steps of each, from #ECEED8 (lightest tint) to #141509 (darkest shade).
About Olive Drab
Olive Drab is classified as a Olive in the ISCC-NBS color naming system, within the Olive hue family. It has The color is recognized by XKCD, meodai.
Use our Color Converter to convert #6F7632 to any other color format, or explore the Color Wheel to find harmonious color combinations.