Snot to HSL — Color Code

#acbb0d
Format Value
HEX #acbb0d
RGB rgb(172, 187, 13)
HSL hsl(65.2, 87%, 39.2%)
CMYK cmyk(8%, 0%, 93%, 26.7%)
HSV hsv(65.2, 93%, 73.3%)

snot color harmonies

Tints & shades of snot

Tints (lighter)

#b4c123 #bbc739 #c3ce4f #cad465 #d2da7b #d9e091 #e1e6a7 #e8ecbd #f0f3d3 #f7f9e9

Shades (darker)

#9caa0c #8d990b #7d8809 #6d7708 #5e6607 #4e5506 #3f4405 #2f3304 #1f2202 #101101

Contrast & accessibility

The quick brown fox

On white · 2.13:1 · Fail

The quick brown fox

On black · 9.87:1 · AAA

Recommended text color: #000000

Use snot in code

CSS color: #acbb0d;
SCSS $color: #acbb0d;
Tailwind bg-[#acbb0d]
Swift UIColor(red: 0.675, green: 0.733, blue: 0.051, alpha: 1)
Android Color.parseColor("#acbb0d")
Flutter Color(0xFFACBB0D)

Colors similar to snot

Browse all Green colors →

What is the HSL code for snot?

The CSS color snot in HSL format is hsl(65.2, 87%, 39.2%). Use this value directly in CSS, SVG, and most design tools.

How do I use snot in CSS?

To apply snot in CSS:

  • Text color: color: hsl(65.2, 87%, 39.2%);
  • Background: background-color: hsl(65.2, 87%, 39.2%);
  • Border: border-color: hsl(65.2, 87%, 39.2%);

What are all the color format values for snot?

FormatValue
HEX#acbb0d
RGBrgb(172, 187, 13)
HSLhsl(65.2, 87%, 39.2%)
CMYKcmyk(8%, 0%, 93%, 26.7%)

How do I convert snot to HSL?

Select snot from the color name list in our color converter. The HSL value — hsl(65.2, 87%, 39.2%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does snot belong to?

snot belongs to the green color family. It is a medium, vivid color with HSL values: hue 65.2°, saturation 87%, lightness 39.2%.

How do I create lighter and darker shades of snot?

Lighter variant (lightness 54.2%): #def025. Darker variant (lightness 24.200000000000003%): #6a7308. 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.