Forestgreen to HSL — Color Code

#228b22
Format Value
HEX #228b22
RGB rgb(34, 139, 34)
HSL hsl(120, 60.7%, 33.9%)
CMYK cmyk(75.5%, 0%, 75.5%, 45.5%)
HSV hsv(120, 75.5%, 54.5%)

forestgreen color harmonies

Tints & shades of forestgreen

Tints (lighter)

#369636 #4aa04a #5eab5e #72b572 #86c086 #9bca9b #afd5af #c3dfc3 #d7ead7 #ebf4eb

Shades (darker)

#1f7e1f #1c721c #196519 #165816 #134c13 #0f3f0f #0c330c #092609 #061906 #030d03

Contrast & accessibility

The quick brown fox

On white · 4.39:1 · AA Large

The quick brown fox

On black · 4.78:1 · AA

Recommended text color: #000000

Use forestgreen in code

CSS color: #228b22;
SCSS $color: #228b22;
Tailwind bg-[#228b22]
Swift UIColor(red: 0.133, green: 0.545, blue: 0.133, alpha: 1)
Android Color.parseColor("#228b22")
Flutter Color(0xFF228B22)

Colors similar to forestgreen

Browse all Green colors →

What is the HSL code for forestgreen?

The CSS color forestgreen in HSL format is hsl(120, 60.7%, 33.9%). Use this value directly in CSS, SVG, and most design tools.

How do I use forestgreen in CSS?

To apply forestgreen in CSS:

  • Text color: color: hsl(120, 60.7%, 33.9%);
  • Background: background-color: hsl(120, 60.7%, 33.9%);
  • Border: border-color: hsl(120, 60.7%, 33.9%);

What are all the color format values for forestgreen?

FormatValue
HEX#228b22
RGBrgb(34, 139, 34)
HSLhsl(120, 60.7%, 33.9%)
CMYKcmyk(75.5%, 0%, 75.5%, 45.5%)

How do I convert forestgreen to HSL?

Select forestgreen from the color name list in our color converter. The HSL value — hsl(120, 60.7%, 33.9%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does forestgreen belong to?

forestgreen belongs to the green color family. It is a medium, moderately saturated color with HSL values: hue 120°, saturation 60.7%, lightness 33.9%.

How do I create lighter and darker shades of forestgreen?

Lighter variant (lightness 48.9%): #31c831. Darker variant (lightness 18.9%): #134d13. 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.