Olive drab to HSL — Color Code

#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 HSL code for olive drab?

The CSS color olive drab in HSL format is hsl(66.2, 40.5%, 32.9%). 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: hsl(66.2, 40.5%, 32.9%);
  • Background: background-color: hsl(66.2, 40.5%, 32.9%);
  • Border: border-color: hsl(66.2, 40.5%, 32.9%);

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 HSL?

Select olive drab from the color name list in our color converter. The HSL value — hsl(66.2, 40.5%, 32.9%) — 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 HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.