Olive drab Color — HEX, RGB, HSL & CMYK Codes

#6f7632
Format Value
HEX #6f7632
RGB rgb(111, 118, 50)
HSL hsl(66.2, 40.5%, 32.9%)
CMYK cmyk(5.9%, 0%, 57.6%, 53.7%)
HSV hsv(66.2, 57.6%, 46.3%)

olive drab color harmonies

Tints & shades of olive drab

Tints (lighter)

#7c8245 #898f57 #969b6a #a3a87d #b0b48f #bec1a2 #cbcdb4 #d8dac7 #e5e6da #f2f3ec

Shades (darker)

#656b2d #5b6129 #515624 #474b20 #3d401b #323617 #282b12 #1e200e #141509 #0a0b05

Contrast & accessibility

The quick brown fox

On white · 4.87:1 · AA

The quick brown fox

On black · 4.31:1 · AA Large

Recommended text color: #ffffff

Use olive drab in code

CSS color: #6f7632;
SCSS $color: #6f7632;
Tailwind bg-[#6f7632]
Swift UIColor(red: 0.435, green: 0.463, blue: 0.196, alpha: 1)
Android Color.parseColor("#6f7632")
Flutter Color(0xFF6F7632)

Colors similar to olive drab

Browse all Green colors →

What is the HEX code for olive drab?

The CSS color olive drab in HEX format is #6f7632. Use this value directly in CSS, SVG, and most design tools.

How do I use olive drab in CSS?

To apply olive drab in CSS:

  • Text color: color: #6f7632;
  • Background: background-color: #6f7632;
  • Border: border-color: #6f7632;

What are all the color format values for olive drab?

FormatValue
HEX#6f7632
RGBrgb(111, 118, 50)
HSLhsl(66.2, 40.5%, 32.9%)
CMYKcmyk(5.9%, 0%, 57.6%, 53.7%)

How do I convert olive drab to HEX?

Select olive drab from the color name list in our color converter. The HEX value — #6f7632 — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does olive drab belong to?

olive drab belongs to the green color family. It is a medium, moderately saturated color with HSL values: hue 66.2°, saturation 40.5%, lightness 32.9%.

How do I create lighter and darker shades of olive drab?

Lighter variant (lightness 47.9%): #a1ac49. Darker variant (lightness 17.9%): #3c401b. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.