Hunter green to HSL — Color Code

#0b4008
Format Value
HEX #0b4008
RGB rgb(11, 64, 8)
HSL hsl(116.8, 77.8%, 14.1%)
CMYK cmyk(82.8%, 0%, 87.5%, 74.9%)
HSV hsv(116.8, 87.5%, 25.1%)

hunter green color harmonies

Tints & shades of hunter green

Tints (lighter)

#21511e #376335 #4e744b #648562 #7a9778 #90a88f #a6baa5 #bccbbc #d3dcd2 #e9eee9

Shades (darker)

#0a3a07 #093407 #082f06 #072905 #062304 #051d04 #041703 #031102 #020c01 #010601

Contrast & accessibility

The quick brown fox

On white · 11.99:1 · AAA

The quick brown fox

On black · 1.75:1 · Fail

Recommended text color: #ffffff

Use hunter green in code

CSS color: #0b4008;
SCSS $color: #0b4008;
Tailwind bg-[#0b4008]
Swift UIColor(red: 0.043, green: 0.251, blue: 0.031, alpha: 1)
Android Color.parseColor("#0b4008")
Flutter Color(0xFF0B4008)

Colors similar to hunter green

Browse all Green colors →

What is the HSL code for hunter green?

The CSS color hunter green in HSL format is hsl(116.8, 77.8%, 14.1%). Use this value directly in CSS, SVG, and most design tools.

How do I use hunter green in CSS?

To apply hunter green in CSS:

  • Text color: color: hsl(116.8, 77.8%, 14.1%);
  • Background: background-color: hsl(116.8, 77.8%, 14.1%);
  • Border: border-color: hsl(116.8, 77.8%, 14.1%);

What are all the color format values for hunter green?

FormatValue
HEX#0b4008
RGBrgb(11, 64, 8)
HSLhsl(116.8, 77.8%, 14.1%)
CMYKcmyk(82.8%, 0%, 87.5%, 74.9%)

How do I convert hunter green to HSL?

Select hunter green from the color name list in our color converter. The HSL value — hsl(116.8, 77.8%, 14.1%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does hunter green belong to?

hunter green belongs to the green color family. It is a dark, vivid color with HSL values: hue 116.8°, saturation 77.8%, lightness 14.1%.

How do I create lighter and darker shades of hunter green?

Lighter variant (lightness 29.1%): #178410. Darker variant (lightness 5%): #041703. 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.