Toxic green to HSL

Color Code

#61de2a
Format Value
HEX #61de2a
RGB rgb(97, 222, 42)
HSL hsl(101.7, 73.2%, 51.8%)
CMYK cmyk(56.3%, 0%, 81.1%, 12.9%)
HSV hsv(101.7, 81.1%, 87.1%)

toxic green color harmonies

Tints & shades of toxic green

Tints (lighter)

#6fe13d #7ee451 #8ce764 #9aea77 #a9ed8b #b7f09e #c6f3b2 #d4f6c5 #e2f9d8 #f1fcec

Shades (darker)

#58ca26 #4fb622 #47a11f #3e8d1b #357917 #2c6513 #23510f #1a3d0b #122808 #091404

Contrast & accessibility

The quick brown fox

On white · 1.75:1 · Fail

The quick brown fox

On black · 11.99:1 · AAA

Recommended text color: #000000

Use toxic green in code

CSS color: #61de2a;
SCSS $color: #61de2a;
Tailwind bg-[#61de2a]
Swift UIColor(red: 0.380, green: 0.871, blue: 0.165, alpha: 1)
Android Color.parseColor("#61de2a")
Flutter Color(0xFF61DE2A)

Colors similar to toxic green

Browse all Green colors →

What is the HSL code for toxic green?

The CSS color toxic green in HSL format is hsl(101.7, 73.2%, 51.8%). Use this value directly in CSS, SVG, and most design tools.

How do I use toxic green in CSS?

To apply toxic green in CSS:

  • Text color: color: hsl(101.7, 73.2%, 51.8%);
  • Background: background-color: hsl(101.7, 73.2%, 51.8%);
  • Border: border-color: hsl(101.7, 73.2%, 51.8%);

What are all the color format values for toxic green?

FormatValue
HEX#61de2a
RGBrgb(97, 222, 42)
HSLhsl(101.7, 73.2%, 51.8%)
CMYKcmyk(56.3%, 0%, 81.1%, 12.9%)

How do I convert toxic green to HSL?

Select toxic green from the color name list in our color converter. The HSL value — hsl(101.7, 73.2%, 51.8%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does toxic green belong to?

toxic green belongs to the green color family. It is a medium, vivid color with HSL values: hue 101.7°, saturation 73.2%, lightness 51.8%.

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

Lighter variant (lightness 66.8%): #92e86c. Darker variant (lightness 36.8%): #43a319. 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.