Puke green to HSL — Color Code

#9aae07
Format Value
HEX #9aae07
RGB rgb(154, 174, 7)
HSL hsl(67.2, 92.3%, 35.5%)
CMYK cmyk(11.5%, 0%, 96%, 31.8%)
HSV hsv(67.2, 96%, 68.2%)

puke green color harmonies

Tints & shades of puke green

Tints (lighter)

#a3b51e #acbd34 #b6c44b #bfcb61 #c8d378 #d1da8e #dae2a5 #e3e9bb #edf0d2 #f6f8e8

Shades (darker)

#8c9e06 #7e8e06 #707f05 #626f04 #545f04 #464f03 #383f03 #2a2f02 #1c2001 #0e1001

Contrast & accessibility

The quick brown fox

On white · 2.49:1 · Fail

The quick brown fox

On black · 8.43:1 · AAA

Recommended text color: #000000

Use puke green in code

CSS color: #9aae07;
SCSS $color: #9aae07;
Tailwind bg-[#9aae07]
Swift UIColor(red: 0.604, green: 0.682, blue: 0.027, alpha: 1)
Android Color.parseColor("#9aae07")
Flutter Color(0xFF9AAE07)

Colors similar to puke green

Browse all Green colors →

What is the HSL code for puke green?

The CSS color puke green in HSL format is hsl(67.2, 92.3%, 35.5%). Use this value directly in CSS, SVG, and most design tools.

How do I use puke green in CSS?

To apply puke green in CSS:

  • Text color: color: hsl(67.2, 92.3%, 35.5%);
  • Background: background-color: hsl(67.2, 92.3%, 35.5%);
  • Border: border-color: hsl(67.2, 92.3%, 35.5%);

What are all the color format values for puke green?

FormatValue
HEX#9aae07
RGBrgb(154, 174, 7)
HSLhsl(67.2, 92.3%, 35.5%)
CMYKcmyk(11.5%, 0%, 96%, 31.8%)

How do I convert puke green to HSL?

Select puke green from the color name list in our color converter. The HSL value — hsl(67.2, 92.3%, 35.5%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does puke green belong to?

puke green belongs to the green color family. It is a medium, vivid color with HSL values: hue 67.2°, saturation 92.3%, lightness 35.5%.

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

Lighter variant (lightness 50.5%): #d9f50c. Darker variant (lightness 20.5%): #596504. 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.